@i-cell/ids-styles 0.0.31 → 0.0.32

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.
Files changed (7) hide show
  1. package/dist/components.css +504 -5
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +531 -21
  4. package/dist/table/table.css +504 -5
  5. package/dist/table/table.min.css +1 -1
  6. package/dist/table/table.plugin.js +531 -21
  7. package/package.json +1 -1
package/dist/components.css CHANGED
@@ -12021,7 +12021,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12021
12021
  border-radius: var(--ids-comp-table-size-border-radius-compact);
12022
12022
  border-width: var(--ids-comp-table-size-border-width-compact);
12023
12023
  }
12024
- .ids-table.ids-table-compact.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12024
+ .ids-table.ids-table-compact.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
12025
12025
  border-top-style: solid;
12026
12026
  border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-compact);
12027
12027
  }
@@ -12081,7 +12081,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12081
12081
  border-radius: var(--ids-comp-table-size-border-radius-comfortable);
12082
12082
  border-width: var(--ids-comp-table-size-border-width-comfortable);
12083
12083
  }
12084
- .ids-table.ids-table-comfortable.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12084
+ .ids-table.ids-table-comfortable.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
12085
12085
  border-top-style: solid;
12086
12086
  border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-comfortable);
12087
12087
  }
@@ -12141,7 +12141,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12141
12141
  border-radius: var(--ids-comp-table-size-border-radius-spacious);
12142
12142
  border-width: var(--ids-comp-table-size-border-width-spacious);
12143
12143
  }
12144
- .ids-table.ids-table-spacious.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12144
+ .ids-table.ids-table-spacious.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
12145
12145
  border-top-style: solid;
12146
12146
  border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-spacious);
12147
12147
  }
@@ -12201,7 +12201,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12201
12201
  border-radius: var(--ids-comp-table-size-border-radius-dense);
12202
12202
  border-width: var(--ids-comp-table-size-border-width-dense);
12203
12203
  }
12204
- .ids-table.ids-table-dense.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12204
+ .ids-table.ids-table-dense.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
12205
12205
  border-top-style: solid;
12206
12206
  border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-dense);
12207
12207
  }
@@ -12266,6 +12266,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12266
12266
  border-color: var(--ids-comp-table-thead-th-color-border-primary-default);
12267
12267
  color: var(--ids-comp-table-thead-th-color-fg-typography-primary-default);
12268
12268
  }
12269
+ .ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
12270
+ position: relative;
12271
+ }
12272
+ .ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::before {
12273
+ content: "";
12274
+ position: absolute;
12275
+ top: 0;
12276
+ right: 0;
12277
+ bottom: 0;
12278
+ left: 0;
12279
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12280
+ z-index: -2;
12281
+ }
12282
+ .ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::after {
12283
+ content: "";
12284
+ position: absolute;
12285
+ top: 0;
12286
+ right: 0;
12287
+ bottom: 0;
12288
+ left: 0;
12289
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-primary-default);
12290
+ z-index: -1;
12291
+ }
12269
12292
  .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
12293
  background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12271
12294
  border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
@@ -12275,6 +12298,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12275
12298
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12276
12299
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12277
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 > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
12302
+ position: relative;
12303
+ }
12304
+ .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).cdk-table-sticky::before {
12305
+ content: "";
12306
+ position: absolute;
12307
+ top: 0;
12308
+ right: 0;
12309
+ bottom: 0;
12310
+ left: 0;
12311
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12312
+ z-index: -2;
12313
+ }
12314
+ .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).cdk-table-sticky::after {
12315
+ content: "";
12316
+ position: absolute;
12317
+ top: 0;
12318
+ right: 0;
12319
+ bottom: 0;
12320
+ left: 0;
12321
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12322
+ z-index: -1;
12323
+ }
12278
12324
  .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
12325
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12280
12326
  }
@@ -12291,6 +12337,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12291
12337
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12292
12338
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12293
12339
  }
12340
+ .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).cdk-table-sticky {
12341
+ position: relative;
12342
+ }
12343
+ .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).cdk-table-sticky::before {
12344
+ content: "";
12345
+ position: absolute;
12346
+ top: 0;
12347
+ right: 0;
12348
+ bottom: 0;
12349
+ left: 0;
12350
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12351
+ z-index: -2;
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--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
12354
+ content: "";
12355
+ position: absolute;
12356
+ top: 0;
12357
+ right: 0;
12358
+ bottom: 0;
12359
+ left: 0;
12360
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
12361
+ z-index: -1;
12362
+ }
12294
12363
  .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
12364
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12296
12365
  }
@@ -12307,6 +12376,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12307
12376
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12308
12377
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12309
12378
  }
12379
+ .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).cdk-table-sticky {
12380
+ position: relative;
12381
+ }
12382
+ .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).cdk-table-sticky::before {
12383
+ content: "";
12384
+ position: absolute;
12385
+ top: 0;
12386
+ right: 0;
12387
+ bottom: 0;
12388
+ left: 0;
12389
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12390
+ z-index: -2;
12391
+ }
12392
+ .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).cdk-table-sticky::after {
12393
+ content: "";
12394
+ position: absolute;
12395
+ top: 0;
12396
+ right: 0;
12397
+ bottom: 0;
12398
+ left: 0;
12399
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
12400
+ z-index: -1;
12401
+ }
12310
12402
  .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
12403
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12312
12404
  }
@@ -12323,6 +12415,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12323
12415
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12324
12416
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12325
12417
  }
12418
+ .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).cdk-table-sticky {
12419
+ position: relative;
12420
+ }
12421
+ .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).cdk-table-sticky::before {
12422
+ content: "";
12423
+ position: absolute;
12424
+ top: 0;
12425
+ right: 0;
12426
+ bottom: 0;
12427
+ left: 0;
12428
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12429
+ z-index: -2;
12430
+ }
12431
+ .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).cdk-table-sticky::after {
12432
+ content: "";
12433
+ position: absolute;
12434
+ top: 0;
12435
+ right: 0;
12436
+ bottom: 0;
12437
+ left: 0;
12438
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
12439
+ z-index: -1;
12440
+ }
12326
12441
  .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
12442
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12328
12443
  }
@@ -12339,6 +12454,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12339
12454
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12340
12455
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12341
12456
  }
12457
+ .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).cdk-table-sticky {
12458
+ position: relative;
12459
+ }
12460
+ .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).cdk-table-sticky::before {
12461
+ content: "";
12462
+ position: absolute;
12463
+ top: 0;
12464
+ right: 0;
12465
+ bottom: 0;
12466
+ left: 0;
12467
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12468
+ z-index: -2;
12469
+ }
12470
+ .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).cdk-table-sticky::after {
12471
+ content: "";
12472
+ position: absolute;
12473
+ top: 0;
12474
+ right: 0;
12475
+ bottom: 0;
12476
+ left: 0;
12477
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
12478
+ z-index: -1;
12479
+ }
12342
12480
  .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
12481
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12344
12482
  }
@@ -12355,6 +12493,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12355
12493
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12356
12494
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12357
12495
  }
12496
+ .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).cdk-table-sticky {
12497
+ position: relative;
12498
+ }
12499
+ .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).cdk-table-sticky::before {
12500
+ content: "";
12501
+ position: absolute;
12502
+ top: 0;
12503
+ right: 0;
12504
+ bottom: 0;
12505
+ left: 0;
12506
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12507
+ z-index: -2;
12508
+ }
12509
+ .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).cdk-table-sticky::after {
12510
+ content: "";
12511
+ position: absolute;
12512
+ top: 0;
12513
+ right: 0;
12514
+ bottom: 0;
12515
+ left: 0;
12516
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
12517
+ z-index: -1;
12518
+ }
12358
12519
  .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
12520
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12360
12521
  }
@@ -12371,6 +12532,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12371
12532
  border-color: var(--ids-comp-table-thead-th-color-border-secondary-default);
12372
12533
  color: var(--ids-comp-table-thead-th-color-fg-typography-secondary-default);
12373
12534
  }
12535
+ .ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
12536
+ position: relative;
12537
+ }
12538
+ .ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::before {
12539
+ content: "";
12540
+ position: absolute;
12541
+ top: 0;
12542
+ right: 0;
12543
+ bottom: 0;
12544
+ left: 0;
12545
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12546
+ z-index: -2;
12547
+ }
12548
+ .ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::after {
12549
+ content: "";
12550
+ position: absolute;
12551
+ top: 0;
12552
+ right: 0;
12553
+ bottom: 0;
12554
+ left: 0;
12555
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
12556
+ z-index: -1;
12557
+ }
12374
12558
  .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
12559
  background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12376
12560
  border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
@@ -12380,6 +12564,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12380
12564
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12381
12565
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12382
12566
  }
12567
+ .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).cdk-table-sticky {
12568
+ position: relative;
12569
+ }
12570
+ .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).cdk-table-sticky::before {
12571
+ content: "";
12572
+ position: absolute;
12573
+ top: 0;
12574
+ right: 0;
12575
+ bottom: 0;
12576
+ left: 0;
12577
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12578
+ z-index: -2;
12579
+ }
12580
+ .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).cdk-table-sticky::after {
12581
+ content: "";
12582
+ position: absolute;
12583
+ top: 0;
12584
+ right: 0;
12585
+ bottom: 0;
12586
+ left: 0;
12587
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12588
+ z-index: -1;
12589
+ }
12383
12590
  .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
12591
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12385
12592
  }
@@ -12396,6 +12603,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12396
12603
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12397
12604
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12398
12605
  }
12606
+ .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).cdk-table-sticky {
12607
+ position: relative;
12608
+ }
12609
+ .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).cdk-table-sticky::before {
12610
+ content: "";
12611
+ position: absolute;
12612
+ top: 0;
12613
+ right: 0;
12614
+ bottom: 0;
12615
+ left: 0;
12616
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12617
+ z-index: -2;
12618
+ }
12619
+ .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).cdk-table-sticky::after {
12620
+ content: "";
12621
+ position: absolute;
12622
+ top: 0;
12623
+ right: 0;
12624
+ bottom: 0;
12625
+ left: 0;
12626
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
12627
+ z-index: -1;
12628
+ }
12399
12629
  .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
12630
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12401
12631
  }
@@ -12412,6 +12642,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12412
12642
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12413
12643
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12414
12644
  }
12645
+ .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).cdk-table-sticky {
12646
+ position: relative;
12647
+ }
12648
+ .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).cdk-table-sticky::before {
12649
+ content: "";
12650
+ position: absolute;
12651
+ top: 0;
12652
+ right: 0;
12653
+ bottom: 0;
12654
+ left: 0;
12655
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12656
+ z-index: -2;
12657
+ }
12658
+ .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).cdk-table-sticky::after {
12659
+ content: "";
12660
+ position: absolute;
12661
+ top: 0;
12662
+ right: 0;
12663
+ bottom: 0;
12664
+ left: 0;
12665
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
12666
+ z-index: -1;
12667
+ }
12415
12668
  .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
12669
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12417
12670
  }
@@ -12428,6 +12681,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12428
12681
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12429
12682
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12430
12683
  }
12684
+ .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).cdk-table-sticky {
12685
+ position: relative;
12686
+ }
12687
+ .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).cdk-table-sticky::before {
12688
+ content: "";
12689
+ position: absolute;
12690
+ top: 0;
12691
+ right: 0;
12692
+ bottom: 0;
12693
+ left: 0;
12694
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12695
+ z-index: -2;
12696
+ }
12697
+ .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).cdk-table-sticky::after {
12698
+ content: "";
12699
+ position: absolute;
12700
+ top: 0;
12701
+ right: 0;
12702
+ bottom: 0;
12703
+ left: 0;
12704
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
12705
+ z-index: -1;
12706
+ }
12431
12707
  .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
12708
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12433
12709
  }
@@ -12444,6 +12720,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12444
12720
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12445
12721
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12446
12722
  }
12723
+ .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).cdk-table-sticky {
12724
+ position: relative;
12725
+ }
12726
+ .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).cdk-table-sticky::before {
12727
+ content: "";
12728
+ position: absolute;
12729
+ top: 0;
12730
+ right: 0;
12731
+ bottom: 0;
12732
+ left: 0;
12733
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12734
+ z-index: -2;
12735
+ }
12736
+ .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).cdk-table-sticky::after {
12737
+ content: "";
12738
+ position: absolute;
12739
+ top: 0;
12740
+ right: 0;
12741
+ bottom: 0;
12742
+ left: 0;
12743
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
12744
+ z-index: -1;
12745
+ }
12447
12746
  .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
12747
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12449
12748
  }
@@ -12460,6 +12759,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12460
12759
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12461
12760
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12462
12761
  }
12762
+ .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).cdk-table-sticky {
12763
+ position: relative;
12764
+ }
12765
+ .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).cdk-table-sticky::before {
12766
+ content: "";
12767
+ position: absolute;
12768
+ top: 0;
12769
+ right: 0;
12770
+ bottom: 0;
12771
+ left: 0;
12772
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12773
+ z-index: -2;
12774
+ }
12775
+ .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).cdk-table-sticky::after {
12776
+ content: "";
12777
+ position: absolute;
12778
+ top: 0;
12779
+ right: 0;
12780
+ bottom: 0;
12781
+ left: 0;
12782
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
12783
+ z-index: -1;
12784
+ }
12463
12785
  .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
12786
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12465
12787
  }
@@ -12476,6 +12798,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12476
12798
  border-color: var(--ids-comp-table-thead-th-color-border-surface-default);
12477
12799
  color: var(--ids-comp-table-thead-th-color-fg-typography-surface-default);
12478
12800
  }
12801
+ .ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
12802
+ position: relative;
12803
+ }
12804
+ .ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::before {
12805
+ content: "";
12806
+ position: absolute;
12807
+ top: 0;
12808
+ right: 0;
12809
+ bottom: 0;
12810
+ left: 0;
12811
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12812
+ z-index: -2;
12813
+ }
12814
+ .ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::after {
12815
+ content: "";
12816
+ position: absolute;
12817
+ top: 0;
12818
+ right: 0;
12819
+ bottom: 0;
12820
+ left: 0;
12821
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12822
+ z-index: -1;
12823
+ }
12479
12824
  .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
12825
  background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12481
12826
  border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
@@ -12485,6 +12830,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12485
12830
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12486
12831
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12487
12832
  }
12833
+ .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).cdk-table-sticky {
12834
+ position: relative;
12835
+ }
12836
+ .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).cdk-table-sticky::before {
12837
+ content: "";
12838
+ position: absolute;
12839
+ top: 0;
12840
+ right: 0;
12841
+ bottom: 0;
12842
+ left: 0;
12843
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12844
+ z-index: -2;
12845
+ }
12846
+ .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).cdk-table-sticky::after {
12847
+ content: "";
12848
+ position: absolute;
12849
+ top: 0;
12850
+ right: 0;
12851
+ bottom: 0;
12852
+ left: 0;
12853
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12854
+ z-index: -1;
12855
+ }
12488
12856
  .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
12857
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12490
12858
  }
@@ -12501,6 +12869,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12501
12869
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12502
12870
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12503
12871
  }
12872
+ .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).cdk-table-sticky {
12873
+ position: relative;
12874
+ }
12875
+ .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).cdk-table-sticky::before {
12876
+ content: "";
12877
+ position: absolute;
12878
+ top: 0;
12879
+ right: 0;
12880
+ bottom: 0;
12881
+ left: 0;
12882
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12883
+ z-index: -2;
12884
+ }
12885
+ .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).cdk-table-sticky::after {
12886
+ content: "";
12887
+ position: absolute;
12888
+ top: 0;
12889
+ right: 0;
12890
+ bottom: 0;
12891
+ left: 0;
12892
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
12893
+ z-index: -1;
12894
+ }
12504
12895
  .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
12896
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12506
12897
  }
@@ -12517,6 +12908,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12517
12908
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12518
12909
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12519
12910
  }
12911
+ .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).cdk-table-sticky {
12912
+ position: relative;
12913
+ }
12914
+ .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).cdk-table-sticky::before {
12915
+ content: "";
12916
+ position: absolute;
12917
+ top: 0;
12918
+ right: 0;
12919
+ bottom: 0;
12920
+ left: 0;
12921
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12922
+ z-index: -2;
12923
+ }
12924
+ .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).cdk-table-sticky::after {
12925
+ content: "";
12926
+ position: absolute;
12927
+ top: 0;
12928
+ right: 0;
12929
+ bottom: 0;
12930
+ left: 0;
12931
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
12932
+ z-index: -1;
12933
+ }
12520
12934
  .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
12935
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12522
12936
  }
@@ -12533,6 +12947,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12533
12947
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12534
12948
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12535
12949
  }
12950
+ .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).cdk-table-sticky {
12951
+ position: relative;
12952
+ }
12953
+ .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).cdk-table-sticky::before {
12954
+ content: "";
12955
+ position: absolute;
12956
+ top: 0;
12957
+ right: 0;
12958
+ bottom: 0;
12959
+ left: 0;
12960
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12961
+ z-index: -2;
12962
+ }
12963
+ .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).cdk-table-sticky::after {
12964
+ content: "";
12965
+ position: absolute;
12966
+ top: 0;
12967
+ right: 0;
12968
+ bottom: 0;
12969
+ left: 0;
12970
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
12971
+ z-index: -1;
12972
+ }
12536
12973
  .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
12974
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12538
12975
  }
@@ -12549,6 +12986,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12549
12986
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12550
12987
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12551
12988
  }
12989
+ .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).cdk-table-sticky {
12990
+ position: relative;
12991
+ }
12992
+ .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).cdk-table-sticky::before {
12993
+ content: "";
12994
+ position: absolute;
12995
+ top: 0;
12996
+ right: 0;
12997
+ bottom: 0;
12998
+ left: 0;
12999
+ background-color: var(--ids-comp-table-color-bg-surface-default);
13000
+ z-index: -2;
13001
+ }
13002
+ .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).cdk-table-sticky::after {
13003
+ content: "";
13004
+ position: absolute;
13005
+ top: 0;
13006
+ right: 0;
13007
+ bottom: 0;
13008
+ left: 0;
13009
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
13010
+ z-index: -1;
13011
+ }
12552
13012
  .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
13013
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12554
13014
  }
@@ -12565,6 +13025,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12565
13025
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12566
13026
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12567
13027
  }
13028
+ .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).cdk-table-sticky {
13029
+ position: relative;
13030
+ }
13031
+ .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).cdk-table-sticky::before {
13032
+ content: "";
13033
+ position: absolute;
13034
+ top: 0;
13035
+ right: 0;
13036
+ bottom: 0;
13037
+ left: 0;
13038
+ background-color: var(--ids-comp-table-color-bg-surface-default);
13039
+ z-index: -2;
13040
+ }
13041
+ .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).cdk-table-sticky::after {
13042
+ content: "";
13043
+ position: absolute;
13044
+ top: 0;
13045
+ right: 0;
13046
+ bottom: 0;
13047
+ left: 0;
13048
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
13049
+ z-index: -1;
13050
+ }
12568
13051
  .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
13052
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12570
13053
  }
@@ -12575,7 +13058,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12575
13058
  .ids-table > .ids-table__horizontal-scroll > table {
12576
13059
  width: 100%;
12577
13060
  box-sizing: border-box;
12578
- border-collapse: collapse;
13061
+ border-collapse: separate;
13062
+ border-spacing: 0px;
12579
13063
  border-style: solid;
12580
13064
  border-width: 0px;
12581
13065
  background-color: var(--ids-comp-table-color-bg-surface-default);
@@ -12584,20 +13068,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12584
13068
  }
12585
13069
  .ids-table > .ids-table__horizontal-scroll > table > thead {
12586
13070
  box-sizing: border-box;
13071
+ border-width: 0px;
12587
13072
  }
12588
13073
  .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
12589
13074
  box-sizing: border-box;
13075
+ border-width: 0px;
12590
13076
  }
12591
13077
  .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
12592
13078
  box-sizing: border-box;
13079
+ border-width: 0px;
12593
13080
  text-align: left;
12594
13081
  }
13082
+ .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--numeric {
13083
+ text-align: right;
13084
+ }
12595
13085
  .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--sortable {
12596
13086
  display: flex;
12597
13087
  flex-direction: row;
12598
13088
  align-items: center;
12599
13089
  justify-content: space-between;
12600
13090
  }
13091
+ .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--sortable.ids-table__header-cell--numeric {
13092
+ justify-content: flex-end;
13093
+ }
12601
13094
  .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
13095
  text-align: center;
12603
13096
  min-width: 2.5rem;
@@ -12608,13 +13101,16 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12608
13101
  }
12609
13102
  .ids-table > .ids-table__horizontal-scroll > table > tbody {
12610
13103
  box-sizing: border-box;
13104
+ border-width: 0px;
12611
13105
  }
12612
13106
  .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12613
13107
  box-sizing: border-box;
13108
+ border-width: 0px;
12614
13109
  background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12615
13110
  }
12616
13111
  .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
12617
13112
  box-sizing: border-box;
13113
+ border-width: 0px;
12618
13114
  text-align: start;
12619
13115
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12620
13116
  }
@@ -12637,10 +13133,12 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12637
13133
  }
12638
13134
  .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row {
12639
13135
  box-sizing: border-box;
13136
+ border-width: 0px;
12640
13137
  height: 0px;
12641
13138
  }
12642
13139
  .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row > :is(td.ids-table__cell, th.ids-table__cell) {
12643
13140
  box-sizing: border-box;
13141
+ border-width: 0px;
12644
13142
  border-bottom-width: 0;
12645
13143
  }
12646
13144
  .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) {
@@ -12653,6 +13151,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12653
13151
  .ids-table > .ids-table__horizontal-scroll > table > tbody .ids-table__detail-cell--content-wrapper {
12654
13152
  display: flex;
12655
13153
  box-sizing: border-box;
13154
+ border-width: 0px;
12656
13155
  overflow: hidden;
12657
13156
  }
12658
13157
  .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 {