@i-cell/ids-styles 0.0.29 → 0.0.31
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.css +742 -0
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +684 -0
- package/dist/form-elements/form-field/form-field.css +78 -0
- package/dist/form-elements/form-field/form-field.min.css +1 -1
- package/dist/form-elements/form-field/form-field.plugin.js +52 -0
- package/dist/table/table.css +663 -0
- package/dist/table/table.min.css +1 -0
- package/dist/table/table.plugin.js +641 -0
- package/package.json +2 -2
package/dist/components.css
CHANGED
|
@@ -5287,6 +5287,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5287
5287
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5288
5288
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
|
|
5289
5289
|
}
|
|
5290
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5291
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default);
|
|
5292
|
+
}
|
|
5290
5293
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5291
5294
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
|
|
5292
5295
|
}
|
|
@@ -5313,6 +5316,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5313
5316
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5314
5317
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
|
|
5315
5318
|
}
|
|
5319
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5320
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered);
|
|
5321
|
+
}
|
|
5316
5322
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5317
5323
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
|
|
5318
5324
|
}
|
|
@@ -5340,6 +5346,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5340
5346
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5341
5347
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
|
|
5342
5348
|
}
|
|
5349
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5350
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused);
|
|
5351
|
+
}
|
|
5343
5352
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5344
5353
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
|
|
5345
5354
|
}
|
|
@@ -5366,6 +5375,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5366
5375
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5367
5376
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
|
|
5368
5377
|
}
|
|
5378
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5379
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed);
|
|
5380
|
+
}
|
|
5369
5381
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5370
5382
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
|
|
5371
5383
|
}
|
|
@@ -5395,6 +5407,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5395
5407
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5396
5408
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
|
|
5397
5409
|
}
|
|
5410
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5411
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default);
|
|
5412
|
+
}
|
|
5398
5413
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5399
5414
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
|
|
5400
5415
|
}
|
|
@@ -5421,6 +5436,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5421
5436
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5422
5437
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
|
|
5423
5438
|
}
|
|
5439
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5440
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered);
|
|
5441
|
+
}
|
|
5424
5442
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5425
5443
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
|
|
5426
5444
|
}
|
|
@@ -5448,6 +5466,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5448
5466
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5449
5467
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
|
|
5450
5468
|
}
|
|
5469
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5470
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused);
|
|
5471
|
+
}
|
|
5451
5472
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5452
5473
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
|
|
5453
5474
|
}
|
|
@@ -5474,6 +5495,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5474
5495
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5475
5496
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
|
|
5476
5497
|
}
|
|
5498
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5499
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed);
|
|
5500
|
+
}
|
|
5477
5501
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5478
5502
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
|
|
5479
5503
|
}
|
|
@@ -5503,6 +5527,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5503
5527
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5504
5528
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default);
|
|
5505
5529
|
}
|
|
5530
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5531
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-default);
|
|
5532
|
+
}
|
|
5506
5533
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5507
5534
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default);
|
|
5508
5535
|
}
|
|
@@ -5529,6 +5556,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5529
5556
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5530
5557
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered);
|
|
5531
5558
|
}
|
|
5559
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5560
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-hovered);
|
|
5561
|
+
}
|
|
5532
5562
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5533
5563
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered);
|
|
5534
5564
|
}
|
|
@@ -5556,6 +5586,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5556
5586
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5557
5587
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused);
|
|
5558
5588
|
}
|
|
5589
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5590
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-focused);
|
|
5591
|
+
}
|
|
5559
5592
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5560
5593
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused);
|
|
5561
5594
|
}
|
|
@@ -5582,6 +5615,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5582
5615
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5583
5616
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed);
|
|
5584
5617
|
}
|
|
5618
|
+
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5619
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-pressed);
|
|
5620
|
+
}
|
|
5585
5621
|
.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5586
5622
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed);
|
|
5587
5623
|
}
|
|
@@ -5611,6 +5647,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5611
5647
|
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5612
5648
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-disabled);
|
|
5613
5649
|
}
|
|
5650
|
+
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5651
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-surface-disabled);
|
|
5652
|
+
}
|
|
5614
5653
|
.ids-form-field.ids-form-field-surface.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5615
5654
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-disabled);
|
|
5616
5655
|
}
|
|
@@ -5640,6 +5679,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5640
5679
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5641
5680
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
|
|
5642
5681
|
}
|
|
5682
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5683
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default);
|
|
5684
|
+
}
|
|
5643
5685
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5644
5686
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
|
|
5645
5687
|
}
|
|
@@ -5666,6 +5708,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5666
5708
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5667
5709
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
|
|
5668
5710
|
}
|
|
5711
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5712
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered);
|
|
5713
|
+
}
|
|
5669
5714
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5670
5715
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
|
|
5671
5716
|
}
|
|
@@ -5693,6 +5738,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5693
5738
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5694
5739
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
|
|
5695
5740
|
}
|
|
5741
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5742
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused);
|
|
5743
|
+
}
|
|
5696
5744
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.iids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5697
5745
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
|
|
5698
5746
|
}
|
|
@@ -5719,6 +5767,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5719
5767
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5720
5768
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
|
|
5721
5769
|
}
|
|
5770
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5771
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed);
|
|
5772
|
+
}
|
|
5722
5773
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled) > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5723
5774
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
|
|
5724
5775
|
}
|
|
@@ -5748,6 +5799,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5748
5799
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5749
5800
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
|
|
5750
5801
|
}
|
|
5802
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5803
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default);
|
|
5804
|
+
}
|
|
5751
5805
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5752
5806
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
|
|
5753
5807
|
}
|
|
@@ -5774,6 +5828,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5774
5828
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5775
5829
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
|
|
5776
5830
|
}
|
|
5831
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5832
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered);
|
|
5833
|
+
}
|
|
5777
5834
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5778
5835
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
|
|
5779
5836
|
}
|
|
@@ -5801,6 +5858,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5801
5858
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5802
5859
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
|
|
5803
5860
|
}
|
|
5861
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5862
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused);
|
|
5863
|
+
}
|
|
5804
5864
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5805
5865
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
|
|
5806
5866
|
}
|
|
@@ -5827,6 +5887,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5827
5887
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5828
5888
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
|
|
5829
5889
|
}
|
|
5890
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5891
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed);
|
|
5892
|
+
}
|
|
5830
5893
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5831
5894
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
|
|
5832
5895
|
}
|
|
@@ -5856,6 +5919,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5856
5919
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5857
5920
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default);
|
|
5858
5921
|
}
|
|
5922
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5923
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-default);
|
|
5924
|
+
}
|
|
5859
5925
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5860
5926
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default);
|
|
5861
5927
|
}
|
|
@@ -5882,6 +5948,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5882
5948
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5883
5949
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered);
|
|
5884
5950
|
}
|
|
5951
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5952
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-hovered);
|
|
5953
|
+
}
|
|
5885
5954
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:hover > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5886
5955
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered);
|
|
5887
5956
|
}
|
|
@@ -5909,6 +5978,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5909
5978
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5910
5979
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused);
|
|
5911
5980
|
}
|
|
5981
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
5982
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-focused);
|
|
5983
|
+
}
|
|
5912
5984
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:focus) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5913
5985
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused);
|
|
5914
5986
|
}
|
|
@@ -5935,6 +6007,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5935
6007
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5936
6008
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed);
|
|
5937
6009
|
}
|
|
6010
|
+
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
6011
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-pressed);
|
|
6012
|
+
}
|
|
5938
6013
|
.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid > .ids-form-field__field-wrapper:has(.ids-form-field-control:active) > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5939
6014
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed);
|
|
5940
6015
|
}
|
|
@@ -5964,6 +6039,9 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
5964
6039
|
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control {
|
|
5965
6040
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-disabled);
|
|
5966
6041
|
}
|
|
6042
|
+
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix .ids-form-field-control .ids-icon {
|
|
6043
|
+
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-icon-light-disabled);
|
|
6044
|
+
}
|
|
5967
6045
|
.ids-form-field.ids-form-field-light.ids-form-field-disabled > .ids-form-field__field-wrapper > .ids-form-field__field-wrapper__container > .ids-form-field__infix ::placeholder {
|
|
5968
6046
|
color: var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-disabled);
|
|
5969
6047
|
}
|
|
@@ -11928,6 +12006,670 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
11928
12006
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
|
|
11929
12007
|
}
|
|
11930
12008
|
|
|
12009
|
+
.ids-table {
|
|
12010
|
+
position: relative;
|
|
12011
|
+
box-sizing: border-box;
|
|
12012
|
+
display: block;
|
|
12013
|
+
max-width: 100%;
|
|
12014
|
+
}
|
|
12015
|
+
.ids-table > .ids-table__horizontal-scroll {
|
|
12016
|
+
position: relative;
|
|
12017
|
+
overflow: auto;
|
|
12018
|
+
width: 100%;
|
|
12019
|
+
}
|
|
12020
|
+
.ids-table.ids-table-compact.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12021
|
+
border-radius: var(--ids-comp-table-size-border-radius-compact);
|
|
12022
|
+
border-width: var(--ids-comp-table-size-border-width-compact);
|
|
12023
|
+
}
|
|
12024
|
+
.ids-table.ids-table-compact.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12025
|
+
border-top-style: solid;
|
|
12026
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-compact);
|
|
12027
|
+
}
|
|
12028
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12029
|
+
border-right-style: solid;
|
|
12030
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-compact);
|
|
12031
|
+
}
|
|
12032
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12033
|
+
border-left-style: solid;
|
|
12034
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-compact);
|
|
12035
|
+
}
|
|
12036
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12037
|
+
border-right-style: solid;
|
|
12038
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-compact);
|
|
12039
|
+
}
|
|
12040
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12041
|
+
border-left-style: solid;
|
|
12042
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-compact);
|
|
12043
|
+
}
|
|
12044
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12045
|
+
gap: var(--ids-comp-table-thead-th-size-gap-compact);
|
|
12046
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-compact);
|
|
12047
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-compact);
|
|
12048
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-compact);
|
|
12049
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-compact);
|
|
12050
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-compact);
|
|
12051
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-compact);
|
|
12052
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-compact);
|
|
12053
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-compact);
|
|
12054
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-compact);
|
|
12055
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-compact);
|
|
12056
|
+
}
|
|
12057
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12058
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-compact);
|
|
12059
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-compact);
|
|
12060
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-compact);
|
|
12061
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-compact);
|
|
12062
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-compact);
|
|
12063
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-compact);
|
|
12064
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-compact);
|
|
12065
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-compact);
|
|
12066
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-compact);
|
|
12067
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-compact);
|
|
12068
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-compact);
|
|
12069
|
+
}
|
|
12070
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12071
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-compact);
|
|
12072
|
+
}
|
|
12073
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12074
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-compact);
|
|
12075
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-compact);
|
|
12076
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-compact);
|
|
12077
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-compact);
|
|
12078
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-compact);
|
|
12079
|
+
}
|
|
12080
|
+
.ids-table.ids-table-comfortable.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12081
|
+
border-radius: var(--ids-comp-table-size-border-radius-comfortable);
|
|
12082
|
+
border-width: var(--ids-comp-table-size-border-width-comfortable);
|
|
12083
|
+
}
|
|
12084
|
+
.ids-table.ids-table-comfortable.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12085
|
+
border-top-style: solid;
|
|
12086
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-comfortable);
|
|
12087
|
+
}
|
|
12088
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12089
|
+
border-right-style: solid;
|
|
12090
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-comfortable);
|
|
12091
|
+
}
|
|
12092
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12093
|
+
border-left-style: solid;
|
|
12094
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-comfortable);
|
|
12095
|
+
}
|
|
12096
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12097
|
+
border-right-style: solid;
|
|
12098
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-comfortable);
|
|
12099
|
+
}
|
|
12100
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12101
|
+
border-left-style: solid;
|
|
12102
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-comfortable);
|
|
12103
|
+
}
|
|
12104
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12105
|
+
gap: var(--ids-comp-table-thead-th-size-gap-comfortable);
|
|
12106
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-comfortable);
|
|
12107
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-comfortable);
|
|
12108
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-comfortable);
|
|
12109
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-comfortable);
|
|
12110
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-comfortable);
|
|
12111
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-comfortable);
|
|
12112
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-comfortable);
|
|
12113
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-comfortable);
|
|
12114
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-comfortable);
|
|
12115
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-comfortable);
|
|
12116
|
+
}
|
|
12117
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12118
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-comfortable);
|
|
12119
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-comfortable);
|
|
12120
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-comfortable);
|
|
12121
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-comfortable);
|
|
12122
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-comfortable);
|
|
12123
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-comfortable);
|
|
12124
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-comfortable);
|
|
12125
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-comfortable);
|
|
12126
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-comfortable);
|
|
12127
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-comfortable);
|
|
12128
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-comfortable);
|
|
12129
|
+
}
|
|
12130
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12131
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-comfortable);
|
|
12132
|
+
}
|
|
12133
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12134
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-comfortable);
|
|
12135
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-comfortable);
|
|
12136
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-comfortable);
|
|
12137
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-comfortable);
|
|
12138
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-comfortable);
|
|
12139
|
+
}
|
|
12140
|
+
.ids-table.ids-table-spacious.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12141
|
+
border-radius: var(--ids-comp-table-size-border-radius-spacious);
|
|
12142
|
+
border-width: var(--ids-comp-table-size-border-width-spacious);
|
|
12143
|
+
}
|
|
12144
|
+
.ids-table.ids-table-spacious.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12145
|
+
border-top-style: solid;
|
|
12146
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-spacious);
|
|
12147
|
+
}
|
|
12148
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12149
|
+
border-right-style: solid;
|
|
12150
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-spacious);
|
|
12151
|
+
}
|
|
12152
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12153
|
+
border-left-style: solid;
|
|
12154
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-spacious);
|
|
12155
|
+
}
|
|
12156
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12157
|
+
border-right-style: solid;
|
|
12158
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-spacious);
|
|
12159
|
+
}
|
|
12160
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12161
|
+
border-left-style: solid;
|
|
12162
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-spacious);
|
|
12163
|
+
}
|
|
12164
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12165
|
+
gap: var(--ids-comp-table-thead-th-size-gap-spacious);
|
|
12166
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-spacious);
|
|
12167
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-spacious);
|
|
12168
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-spacious);
|
|
12169
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-spacious);
|
|
12170
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-spacious);
|
|
12171
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-spacious);
|
|
12172
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-spacious);
|
|
12173
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-spacious);
|
|
12174
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-spacious);
|
|
12175
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-spacious);
|
|
12176
|
+
}
|
|
12177
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12178
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-spacious);
|
|
12179
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-spacious);
|
|
12180
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-spacious);
|
|
12181
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-spacious);
|
|
12182
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-spacious);
|
|
12183
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-spacious);
|
|
12184
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-spacious);
|
|
12185
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-spacious);
|
|
12186
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-spacious);
|
|
12187
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-spacious);
|
|
12188
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-spacious);
|
|
12189
|
+
}
|
|
12190
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12191
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-spacious);
|
|
12192
|
+
}
|
|
12193
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12194
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-spacious);
|
|
12195
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-spacious);
|
|
12196
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-spacious);
|
|
12197
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-spacious);
|
|
12198
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-spacious);
|
|
12199
|
+
}
|
|
12200
|
+
.ids-table.ids-table-dense.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12201
|
+
border-radius: var(--ids-comp-table-size-border-radius-dense);
|
|
12202
|
+
border-width: var(--ids-comp-table-size-border-width-dense);
|
|
12203
|
+
}
|
|
12204
|
+
.ids-table.ids-table-dense.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12205
|
+
border-top-style: solid;
|
|
12206
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-dense);
|
|
12207
|
+
}
|
|
12208
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12209
|
+
border-right-style: solid;
|
|
12210
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-dense);
|
|
12211
|
+
}
|
|
12212
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12213
|
+
border-left-style: solid;
|
|
12214
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-dense);
|
|
12215
|
+
}
|
|
12216
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12217
|
+
border-right-style: solid;
|
|
12218
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-dense);
|
|
12219
|
+
}
|
|
12220
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12221
|
+
border-left-style: solid;
|
|
12222
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-dense);
|
|
12223
|
+
}
|
|
12224
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12225
|
+
gap: var(--ids-comp-table-thead-th-size-gap-dense);
|
|
12226
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-dense);
|
|
12227
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-dense);
|
|
12228
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-dense);
|
|
12229
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-dense);
|
|
12230
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-dense);
|
|
12231
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-dense);
|
|
12232
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-dense);
|
|
12233
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-dense);
|
|
12234
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-dense);
|
|
12235
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-dense);
|
|
12236
|
+
}
|
|
12237
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12238
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-dense);
|
|
12239
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-dense);
|
|
12240
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-dense);
|
|
12241
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-dense);
|
|
12242
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-dense);
|
|
12243
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-dense);
|
|
12244
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-dense);
|
|
12245
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-dense);
|
|
12246
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-dense);
|
|
12247
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-dense);
|
|
12248
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-dense);
|
|
12249
|
+
}
|
|
12250
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12251
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-dense);
|
|
12252
|
+
}
|
|
12253
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12254
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-dense);
|
|
12255
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-dense);
|
|
12256
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-dense);
|
|
12257
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-dense);
|
|
12258
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-dense);
|
|
12259
|
+
}
|
|
12260
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12261
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-primary-default);
|
|
12262
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-primary-default);
|
|
12263
|
+
}
|
|
12264
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12265
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-primary-default);
|
|
12266
|
+
border-color: var(--ids-comp-table-thead-th-color-border-primary-default);
|
|
12267
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-primary-default);
|
|
12268
|
+
}
|
|
12269
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12270
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12271
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12272
|
+
}
|
|
12273
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12274
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12275
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12276
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12277
|
+
}
|
|
12278
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12279
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12280
|
+
}
|
|
12281
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12282
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12283
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12284
|
+
}
|
|
12285
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12286
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12287
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12288
|
+
}
|
|
12289
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12290
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12291
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12292
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12293
|
+
}
|
|
12294
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12295
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12296
|
+
}
|
|
12297
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12298
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12299
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12300
|
+
}
|
|
12301
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12302
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12303
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12304
|
+
}
|
|
12305
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12306
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12307
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12308
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12309
|
+
}
|
|
12310
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12311
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12312
|
+
}
|
|
12313
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12314
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12315
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12316
|
+
}
|
|
12317
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12318
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12319
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12320
|
+
}
|
|
12321
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12322
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12323
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12324
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12325
|
+
}
|
|
12326
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12327
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12328
|
+
}
|
|
12329
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12330
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12331
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12332
|
+
}
|
|
12333
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12334
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12335
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12336
|
+
}
|
|
12337
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12338
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12339
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12340
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12341
|
+
}
|
|
12342
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12343
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12344
|
+
}
|
|
12345
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
12346
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
12347
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
12348
|
+
}
|
|
12349
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
12350
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12351
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
12352
|
+
}
|
|
12353
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12354
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12355
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12356
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12357
|
+
}
|
|
12358
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12359
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12360
|
+
}
|
|
12361
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
12362
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
12363
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
12364
|
+
}
|
|
12365
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12366
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-secondary-default);
|
|
12367
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-secondary-default);
|
|
12368
|
+
}
|
|
12369
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12370
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-secondary-default);
|
|
12371
|
+
border-color: var(--ids-comp-table-thead-th-color-border-secondary-default);
|
|
12372
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-secondary-default);
|
|
12373
|
+
}
|
|
12374
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12375
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12376
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12377
|
+
}
|
|
12378
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12379
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12380
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12381
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12382
|
+
}
|
|
12383
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12384
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12385
|
+
}
|
|
12386
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12387
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12388
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12389
|
+
}
|
|
12390
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12391
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12392
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12393
|
+
}
|
|
12394
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12395
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12396
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12397
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12398
|
+
}
|
|
12399
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12400
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12401
|
+
}
|
|
12402
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12403
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12404
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12405
|
+
}
|
|
12406
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12407
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12408
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12409
|
+
}
|
|
12410
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12411
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12412
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12413
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12414
|
+
}
|
|
12415
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12416
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12417
|
+
}
|
|
12418
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12419
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12420
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12421
|
+
}
|
|
12422
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12423
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12424
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12425
|
+
}
|
|
12426
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12427
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12428
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12429
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12430
|
+
}
|
|
12431
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12432
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12433
|
+
}
|
|
12434
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12435
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12436
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12437
|
+
}
|
|
12438
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12439
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12440
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12441
|
+
}
|
|
12442
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12443
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12444
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12445
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12446
|
+
}
|
|
12447
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12448
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12449
|
+
}
|
|
12450
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
12451
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
12452
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
12453
|
+
}
|
|
12454
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
12455
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12456
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
12457
|
+
}
|
|
12458
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12459
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12460
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12461
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12462
|
+
}
|
|
12463
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12464
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12465
|
+
}
|
|
12466
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
12467
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
12468
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
12469
|
+
}
|
|
12470
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12471
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-surface-default);
|
|
12472
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-surface-default);
|
|
12473
|
+
}
|
|
12474
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12475
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-surface-default);
|
|
12476
|
+
border-color: var(--ids-comp-table-thead-th-color-border-surface-default);
|
|
12477
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-surface-default);
|
|
12478
|
+
}
|
|
12479
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12480
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12481
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12482
|
+
}
|
|
12483
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12484
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12485
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12486
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12487
|
+
}
|
|
12488
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12489
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12490
|
+
}
|
|
12491
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12492
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12493
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12494
|
+
}
|
|
12495
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12496
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12497
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12498
|
+
}
|
|
12499
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12500
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12501
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12502
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12503
|
+
}
|
|
12504
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12505
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12506
|
+
}
|
|
12507
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12508
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12509
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12510
|
+
}
|
|
12511
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12512
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12513
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12514
|
+
}
|
|
12515
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12516
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12517
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12518
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12519
|
+
}
|
|
12520
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12521
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12522
|
+
}
|
|
12523
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12524
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12525
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12526
|
+
}
|
|
12527
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12528
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12529
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12530
|
+
}
|
|
12531
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12532
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12533
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12534
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12535
|
+
}
|
|
12536
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12537
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12538
|
+
}
|
|
12539
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12540
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12541
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12542
|
+
}
|
|
12543
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12544
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12545
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12546
|
+
}
|
|
12547
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12548
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12549
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12550
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12551
|
+
}
|
|
12552
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12553
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12554
|
+
}
|
|
12555
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
12556
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
12557
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
12558
|
+
}
|
|
12559
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
12560
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12561
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
12562
|
+
}
|
|
12563
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12564
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12565
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12566
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12567
|
+
}
|
|
12568
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12569
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12570
|
+
}
|
|
12571
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
12572
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
12573
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
12574
|
+
}
|
|
12575
|
+
.ids-table > .ids-table__horizontal-scroll > table {
|
|
12576
|
+
width: 100%;
|
|
12577
|
+
box-sizing: border-box;
|
|
12578
|
+
border-collapse: collapse;
|
|
12579
|
+
border-style: solid;
|
|
12580
|
+
border-width: 0px;
|
|
12581
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12582
|
+
border-color: var(--ids-comp-table-color-border-surface-default);
|
|
12583
|
+
text-indent: 0;
|
|
12584
|
+
}
|
|
12585
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead {
|
|
12586
|
+
box-sizing: border-box;
|
|
12587
|
+
}
|
|
12588
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12589
|
+
box-sizing: border-box;
|
|
12590
|
+
}
|
|
12591
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12592
|
+
box-sizing: border-box;
|
|
12593
|
+
text-align: left;
|
|
12594
|
+
}
|
|
12595
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--sortable {
|
|
12596
|
+
display: flex;
|
|
12597
|
+
flex-direction: row;
|
|
12598
|
+
align-items: center;
|
|
12599
|
+
justify-content: space-between;
|
|
12600
|
+
}
|
|
12601
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--select-all-rows {
|
|
12602
|
+
text-align: center;
|
|
12603
|
+
min-width: 2.5rem;
|
|
12604
|
+
width: 2.5em;
|
|
12605
|
+
}
|
|
12606
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--select-all-rows > .ids-checkbox {
|
|
12607
|
+
gap: 0;
|
|
12608
|
+
}
|
|
12609
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody {
|
|
12610
|
+
box-sizing: border-box;
|
|
12611
|
+
}
|
|
12612
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
12613
|
+
box-sizing: border-box;
|
|
12614
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12615
|
+
}
|
|
12616
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12617
|
+
box-sizing: border-box;
|
|
12618
|
+
text-align: start;
|
|
12619
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12620
|
+
}
|
|
12621
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle {
|
|
12622
|
+
text-align: center;
|
|
12623
|
+
}
|
|
12624
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select > .ids-table__button--master-detail, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select .ids-table__checkbox--row-selector, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle > .ids-table__button--master-detail, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle .ids-table__checkbox--row-selector {
|
|
12625
|
+
margin-left: auto;
|
|
12626
|
+
margin-right: auto;
|
|
12627
|
+
}
|
|
12628
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select {
|
|
12629
|
+
min-width: 2.5rem;
|
|
12630
|
+
width: 2.5em;
|
|
12631
|
+
}
|
|
12632
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select > .ids-checkbox {
|
|
12633
|
+
gap: 0;
|
|
12634
|
+
}
|
|
12635
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) > .ids-cell-content__numeric {
|
|
12636
|
+
text-align: end;
|
|
12637
|
+
}
|
|
12638
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row {
|
|
12639
|
+
box-sizing: border-box;
|
|
12640
|
+
height: 0px;
|
|
12641
|
+
}
|
|
12642
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12643
|
+
box-sizing: border-box;
|
|
12644
|
+
border-bottom-width: 0;
|
|
12645
|
+
}
|
|
12646
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row.ids-table__detail-row--expanded > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12647
|
+
border-bottom-width: 1px;
|
|
12648
|
+
}
|
|
12649
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row:not(.ids-table__detail-row--expanded) > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12650
|
+
padding-bottom: 0px;
|
|
12651
|
+
padding-top: 0px;
|
|
12652
|
+
}
|
|
12653
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody .ids-table__detail-cell--content-wrapper {
|
|
12654
|
+
display: flex;
|
|
12655
|
+
box-sizing: border-box;
|
|
12656
|
+
overflow: hidden;
|
|
12657
|
+
}
|
|
12658
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__cell--master-detail-toggle, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle {
|
|
12659
|
+
min-width: 2.5rem;
|
|
12660
|
+
width: 2.5em;
|
|
12661
|
+
}
|
|
12662
|
+
.ids-table .ids-table__no-rows-to-show {
|
|
12663
|
+
margin: 1.5rem;
|
|
12664
|
+
display: flex;
|
|
12665
|
+
flex: none;
|
|
12666
|
+
width: 100%;
|
|
12667
|
+
height: 100%;
|
|
12668
|
+
align-items: center;
|
|
12669
|
+
justify-content: center;
|
|
12670
|
+
text-align: center;
|
|
12671
|
+
}
|
|
12672
|
+
|
|
11931
12673
|
.ids-tag {
|
|
11932
12674
|
display: inline-flex;
|
|
11933
12675
|
align-items: center;
|