@i-cell/ids-styles 0.0.31 → 0.0.33

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.
@@ -7051,22 +7051,35 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7051
7051
  color: var(--ids-comp-icon-button-standard-color-fg-surface-disabled);
7052
7052
  }
7053
7053
 
7054
+ a.ids-menu-item:link, a.ids-menu-item:visited {
7055
+ text-decoration: none;
7056
+ }
7057
+
7054
7058
  .ids-menu-item {
7055
7059
  width: 100%;
7060
+ box-sizing: border-box;
7056
7061
  display: inline-flex;
7057
7062
  flex-shrink: 0;
7058
7063
  align-items: center;
7059
- justify-content: center;
7064
+ }
7065
+ .ids-menu-item.ids-menu-item-no-label {
7066
+ justify-content: space-between;
7060
7067
  }
7061
7068
  .ids-menu-item .ids-menu-item-label {
7062
7069
  overflow: hidden;
7063
7070
  text-overflow: ellipsis;
7064
7071
  font-style: normal;
7065
7072
  }
7066
- .ids-menu-item:not(:disabled) {
7073
+ .ids-menu-item .ids-menu-item-label--wrapper {
7074
+ display: flex;
7075
+ flex: 1 1 0;
7076
+ align-items: center;
7077
+ justify-content: flex-start;
7078
+ }
7079
+ .ids-menu-item:not(:is(:disabled, .ids-menu-item-disabled)) {
7067
7080
  cursor: pointer;
7068
7081
  }
7069
- .ids-menu-item:disabled {
7082
+ .ids-menu-item:is(:disabled, .ids-menu-item-disabled) {
7070
7083
  cursor: not-allowed;
7071
7084
  }
7072
7085
  .ids-menu-item.ids-menu-item-compact {
@@ -7095,9 +7108,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7095
7108
  .ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface:hover {
7096
7109
  border-color: var(--ids-comp-menu-item-text-color-border-surface-hovered);
7097
7110
  }
7098
- .ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface:disabled {
7111
+ .ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface:is(:disabled, .ids-menu-item-disabled) {
7099
7112
  border-color: var(--ids-comp-menu-item-text-color-border-surface-disabled);
7100
7113
  }
7114
+ .ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light {
7115
+ border-style: solid;
7116
+ border-width: var(--ids-comp-menu-item-size-border-width-compact);
7117
+ border-color: var(--ids-comp-menu-item-text-color-border-light-default);
7118
+ }
7119
+ .ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light:hover {
7120
+ border-color: var(--ids-comp-menu-item-text-color-border-light-hovered);
7121
+ }
7122
+ .ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
7123
+ border-color: var(--ids-comp-menu-item-text-color-border-light-disabled);
7124
+ }
7101
7125
  .ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface {
7102
7126
  border-style: solid;
7103
7127
  border-width: var(--ids-comp-menu-item-size-border-width-compact);
@@ -7106,9 +7130,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7106
7130
  .ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface:hover {
7107
7131
  border-color: var(--ids-comp-menu-item-filled-color-border-surface-hovered);
7108
7132
  }
7109
- .ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface:disabled {
7133
+ .ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface:is(:disabled, .ids-menu-item-disabled) {
7110
7134
  border-color: var(--ids-comp-menu-item-filled-color-border-surface-disabled);
7111
7135
  }
7136
+ .ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light {
7137
+ border-style: solid;
7138
+ border-width: var(--ids-comp-menu-item-size-border-width-compact);
7139
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-default);
7140
+ }
7141
+ .ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light:hover {
7142
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-hovered);
7143
+ }
7144
+ .ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
7145
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-disabled);
7146
+ }
7112
7147
  .ids-menu-item.ids-menu-item-comfortable {
7113
7148
  gap: var(--ids-comp-menu-item-size-gap-comfortable);
7114
7149
  border-radius: var(--ids-comp-menu-item-size-border-radius-comfortable);
@@ -7135,9 +7170,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7135
7170
  .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface:hover {
7136
7171
  border-color: var(--ids-comp-menu-item-text-color-border-surface-hovered);
7137
7172
  }
7138
- .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface:disabled {
7173
+ .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface:is(:disabled, .ids-menu-item-disabled) {
7139
7174
  border-color: var(--ids-comp-menu-item-text-color-border-surface-disabled);
7140
7175
  }
7176
+ .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light {
7177
+ border-style: solid;
7178
+ border-width: var(--ids-comp-menu-item-size-border-width-comfortable);
7179
+ border-color: var(--ids-comp-menu-item-text-color-border-light-default);
7180
+ }
7181
+ .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light:hover {
7182
+ border-color: var(--ids-comp-menu-item-text-color-border-light-hovered);
7183
+ }
7184
+ .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
7185
+ border-color: var(--ids-comp-menu-item-text-color-border-light-disabled);
7186
+ }
7141
7187
  .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface {
7142
7188
  border-style: solid;
7143
7189
  border-width: var(--ids-comp-menu-item-size-border-width-comfortable);
@@ -7146,9 +7192,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7146
7192
  .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface:hover {
7147
7193
  border-color: var(--ids-comp-menu-item-filled-color-border-surface-hovered);
7148
7194
  }
7149
- .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface:disabled {
7195
+ .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface:is(:disabled, .ids-menu-item-disabled) {
7150
7196
  border-color: var(--ids-comp-menu-item-filled-color-border-surface-disabled);
7151
7197
  }
7198
+ .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light {
7199
+ border-style: solid;
7200
+ border-width: var(--ids-comp-menu-item-size-border-width-comfortable);
7201
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-default);
7202
+ }
7203
+ .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light:hover {
7204
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-hovered);
7205
+ }
7206
+ .ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
7207
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-disabled);
7208
+ }
7152
7209
  .ids-menu-item.ids-menu-item-spacious {
7153
7210
  gap: var(--ids-comp-menu-item-size-gap-spacious);
7154
7211
  border-radius: var(--ids-comp-menu-item-size-border-radius-spacious);
@@ -7175,9 +7232,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7175
7232
  .ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface:hover {
7176
7233
  border-color: var(--ids-comp-menu-item-text-color-border-surface-hovered);
7177
7234
  }
7178
- .ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface:disabled {
7235
+ .ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface:is(:disabled, .ids-menu-item-disabled) {
7179
7236
  border-color: var(--ids-comp-menu-item-text-color-border-surface-disabled);
7180
7237
  }
7238
+ .ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light {
7239
+ border-style: solid;
7240
+ border-width: var(--ids-comp-menu-item-size-border-width-spacious);
7241
+ border-color: var(--ids-comp-menu-item-text-color-border-light-default);
7242
+ }
7243
+ .ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light:hover {
7244
+ border-color: var(--ids-comp-menu-item-text-color-border-light-hovered);
7245
+ }
7246
+ .ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
7247
+ border-color: var(--ids-comp-menu-item-text-color-border-light-disabled);
7248
+ }
7181
7249
  .ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface {
7182
7250
  border-style: solid;
7183
7251
  border-width: var(--ids-comp-menu-item-size-border-width-spacious);
@@ -7186,9 +7254,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7186
7254
  .ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface:hover {
7187
7255
  border-color: var(--ids-comp-menu-item-filled-color-border-surface-hovered);
7188
7256
  }
7189
- .ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface:disabled {
7257
+ .ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface:is(:disabled, .ids-menu-item-disabled) {
7190
7258
  border-color: var(--ids-comp-menu-item-filled-color-border-surface-disabled);
7191
7259
  }
7260
+ .ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light {
7261
+ border-style: solid;
7262
+ border-width: var(--ids-comp-menu-item-size-border-width-spacious);
7263
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-default);
7264
+ }
7265
+ .ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:hover {
7266
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-hovered);
7267
+ }
7268
+ .ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
7269
+ border-color: var(--ids-comp-menu-item-filled-color-border-light-disabled);
7270
+ }
7192
7271
  .ids-menu-item.ids-menu-item-text.ids-menu-item-surface {
7193
7272
  color: var(--ids-comp-menu-item-text-color-fg-label-surface-default);
7194
7273
  background: var(--ids-comp-menu-item-text-color-bg-surface-default);
@@ -7208,10 +7287,33 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7208
7287
  .ids-menu-item.ids-menu-item-text.ids-menu-item-surface:active {
7209
7288
  background: var(--ids-comp-menu-item-text-color-bg-surface-pressed);
7210
7289
  }
7211
- .ids-menu-item.ids-menu-item-text.ids-menu-item-surface:disabled {
7290
+ .ids-menu-item.ids-menu-item-text.ids-menu-item-surface:is(:disabled, .ids-menu-item-disabled) {
7212
7291
  color: var(--ids-comp-menu-item-text-color-fg-label-surface-disabled);
7213
7292
  background: var(--ids-comp-menu-item-text-color-bg-surface-disabled);
7214
7293
  }
7294
+ .ids-menu-item.ids-menu-item-text.ids-menu-item-light {
7295
+ color: var(--ids-comp-menu-item-text-color-fg-label-light-default);
7296
+ background: var(--ids-comp-menu-item-text-color-bg-light-default);
7297
+ }
7298
+ .ids-menu-item.ids-menu-item-text.ids-menu-item-light.ids-menu-item-active {
7299
+ color: var(--ids-comp-menu-item-text-color-fg-label-light-active);
7300
+ background: var(--ids-comp-menu-item-text-color-bg-light-active);
7301
+ }
7302
+ .ids-menu-item.ids-menu-item-text.ids-menu-item-light:hover {
7303
+ color: var(--ids-comp-menu-item-text-color-fg-label-light-hovered);
7304
+ background: var(--ids-comp-menu-item-text-color-bg-light-hovered);
7305
+ }
7306
+ .ids-menu-item.ids-menu-item-text.ids-menu-item-light:focus, .ids-menu-item.ids-menu-item-text.ids-menu-item-light:focus-visible {
7307
+ color: var(--ids-comp-menu-item-text-color-fg-label-light-focused);
7308
+ background: var(--ids-comp-menu-item-text-color-bg-light-focused);
7309
+ }
7310
+ .ids-menu-item.ids-menu-item-text.ids-menu-item-light:active {
7311
+ background: var(--ids-comp-menu-item-text-color-bg-light-pressed);
7312
+ }
7313
+ .ids-menu-item.ids-menu-item-text.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
7314
+ color: var(--ids-comp-menu-item-text-color-fg-label-light-disabled);
7315
+ background: var(--ids-comp-menu-item-text-color-bg-light-disabled);
7316
+ }
7215
7317
  .ids-menu-item.ids-menu-item-filled.ids-menu-item-surface {
7216
7318
  color: var(--ids-comp-menu-item-filled-color-fg-label-surface-default);
7217
7319
  background: var(--ids-comp-menu-item-filled-color-bg-surface-default);
@@ -7231,10 +7333,64 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
7231
7333
  .ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:active {
7232
7334
  background: var(--ids-comp-menu-item-filled-color-bg-surface-pressed);
7233
7335
  }
7234
- .ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:disabled {
7336
+ .ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:is(:disabled, .ids-menu-item-disabled) {
7235
7337
  color: var(--ids-comp-menu-item-filled-color-fg-label-surface-disabled);
7236
7338
  background: var(--ids-comp-menu-item-filled-color-bg-surface-disabled);
7237
7339
  }
7340
+ .ids-menu-item.ids-menu-item-filled.ids-menu-item-light {
7341
+ color: var(--ids-comp-menu-item-filled-color-fg-label-light-default);
7342
+ background: var(--ids-comp-menu-item-filled-color-bg-light-default);
7343
+ }
7344
+ .ids-menu-item.ids-menu-item-filled.ids-menu-item-light.ids-menu-item-active {
7345
+ color: var(--ids-comp-menu-item-filled-color-fg-label-light-active);
7346
+ background: var(--ids-comp-menu-item-filled-color-bg-light-active);
7347
+ }
7348
+ .ids-menu-item.ids-menu-item-filled.ids-menu-item-light:hover {
7349
+ color: var(--ids-comp-menu-item-filled-color-fg-label-light-hovered);
7350
+ background: var(--ids-comp-menu-item-filled-color-bg-light-hovered);
7351
+ }
7352
+ .ids-menu-item.ids-menu-item-filled.ids-menu-item-light:focus, .ids-menu-item.ids-menu-item-filled.ids-menu-item-light:focus-visible {
7353
+ color: var(--ids-comp-menu-item-filled-color-fg-label-light-focused);
7354
+ background: var(--ids-comp-menu-item-filled-color-bg-light-focused);
7355
+ }
7356
+ .ids-menu-item.ids-menu-item-filled.ids-menu-item-light:active {
7357
+ background: var(--ids-comp-menu-item-filled-color-bg-light-pressed);
7358
+ }
7359
+ .ids-menu-item.ids-menu-item-filled.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
7360
+ color: var(--ids-comp-menu-item-filled-color-fg-label-light-disabled);
7361
+ background: var(--ids-comp-menu-item-filled-color-bg-light-disabled);
7362
+ }
7363
+
7364
+ .ids-active-indicator {
7365
+ display: flex;
7366
+ flex-direction: column;
7367
+ justify-content: center;
7368
+ position: relative;
7369
+ }
7370
+ .ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item)::after {
7371
+ content: "";
7372
+ position: absolute;
7373
+ width: 100%;
7374
+ bottom: 0;
7375
+ }
7376
+ .ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-compact)::after {
7377
+ height: var(--ids-comp-menu-item-active-indicator-size-height-compact);
7378
+ border-radius: var(--ids-comp-menu-item-active-indicator-size-border-radius-compact);
7379
+ }
7380
+ .ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-comfortable)::after {
7381
+ height: var(--ids-comp-menu-item-active-indicator-size-height-comfortable);
7382
+ border-radius: var(--ids-comp-menu-item-active-indicator-size-border-radius-comfortable);
7383
+ }
7384
+ .ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-spacious)::after {
7385
+ height: var(--ids-comp-menu-item-active-indicator-size-height-spacious);
7386
+ border-radius: var(--ids-comp-menu-item-active-indicator-size-border-radius-spacious);
7387
+ }
7388
+ .ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-surface)::after {
7389
+ background-color: var(--ids-comp-menu-item-active-indicator-color-bg-surface-default);
7390
+ }
7391
+ .ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-light)::after {
7392
+ background-color: var(--ids-comp-menu-item-active-indicator-color-bg-light-default);
7393
+ }
7238
7394
 
7239
7395
  .ids-notification > .ids-notification__content-wrapper {
7240
7396
  display: flex;
@@ -12021,7 +12177,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12021
12177
  border-radius: var(--ids-comp-table-size-border-radius-compact);
12022
12178
  border-width: var(--ids-comp-table-size-border-width-compact);
12023
12179
  }
12024
- .ids-table.ids-table-compact.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12180
+ .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
12181
  border-top-style: solid;
12026
12182
  border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-compact);
12027
12183
  }
@@ -12081,7 +12237,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12081
12237
  border-radius: var(--ids-comp-table-size-border-radius-comfortable);
12082
12238
  border-width: var(--ids-comp-table-size-border-width-comfortable);
12083
12239
  }
12084
- .ids-table.ids-table-comfortable.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12240
+ .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
12241
  border-top-style: solid;
12086
12242
  border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-comfortable);
12087
12243
  }
@@ -12141,7 +12297,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12141
12297
  border-radius: var(--ids-comp-table-size-border-radius-spacious);
12142
12298
  border-width: var(--ids-comp-table-size-border-width-spacious);
12143
12299
  }
12144
- .ids-table.ids-table-spacious.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12300
+ .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
12301
  border-top-style: solid;
12146
12302
  border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-spacious);
12147
12303
  }
@@ -12201,7 +12357,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12201
12357
  border-radius: var(--ids-comp-table-size-border-radius-dense);
12202
12358
  border-width: var(--ids-comp-table-size-border-width-dense);
12203
12359
  }
12204
- .ids-table.ids-table-dense.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12360
+ .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
12361
  border-top-style: solid;
12206
12362
  border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-dense);
12207
12363
  }
@@ -12266,6 +12422,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12266
12422
  border-color: var(--ids-comp-table-thead-th-color-border-primary-default);
12267
12423
  color: var(--ids-comp-table-thead-th-color-fg-typography-primary-default);
12268
12424
  }
12425
+ .ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
12426
+ position: relative;
12427
+ }
12428
+ .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 {
12429
+ content: "";
12430
+ position: absolute;
12431
+ top: 0;
12432
+ right: 0;
12433
+ bottom: 0;
12434
+ left: 0;
12435
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12436
+ z-index: -2;
12437
+ }
12438
+ .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 {
12439
+ content: "";
12440
+ position: absolute;
12441
+ top: 0;
12442
+ right: 0;
12443
+ bottom: 0;
12444
+ left: 0;
12445
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-primary-default);
12446
+ z-index: -1;
12447
+ }
12269
12448
  .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
12449
  background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12271
12450
  border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
@@ -12275,6 +12454,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12275
12454
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12276
12455
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12277
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--surface > :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--surface > :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--surface > :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-surface-default);
12478
+ z-index: -1;
12479
+ }
12278
12480
  .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
12481
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12280
12482
  }
@@ -12291,6 +12493,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12291
12493
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12292
12494
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12293
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--surface:hover > :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--surface:hover > :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--surface:hover > :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-surface-hovered);
12517
+ z-index: -1;
12518
+ }
12294
12519
  .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
12520
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12296
12521
  }
@@ -12307,6 +12532,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12307
12532
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12308
12533
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12309
12534
  }
12535
+ .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 {
12536
+ position: relative;
12537
+ }
12538
+ .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 {
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-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 {
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-surface-active);
12556
+ z-index: -1;
12557
+ }
12310
12558
  .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
12559
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12312
12560
  }
@@ -12323,6 +12571,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12323
12571
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12324
12572
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12325
12573
  }
12574
+ .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 {
12575
+ position: relative;
12576
+ }
12577
+ .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 {
12578
+ content: "";
12579
+ position: absolute;
12580
+ top: 0;
12581
+ right: 0;
12582
+ bottom: 0;
12583
+ left: 0;
12584
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12585
+ z-index: -2;
12586
+ }
12587
+ .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 {
12588
+ content: "";
12589
+ position: absolute;
12590
+ top: 0;
12591
+ right: 0;
12592
+ bottom: 0;
12593
+ left: 0;
12594
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
12595
+ z-index: -1;
12596
+ }
12326
12597
  .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
12598
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12328
12599
  }
@@ -12339,6 +12610,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12339
12610
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12340
12611
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12341
12612
  }
12613
+ .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 {
12614
+ position: relative;
12615
+ }
12616
+ .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 {
12617
+ content: "";
12618
+ position: absolute;
12619
+ top: 0;
12620
+ right: 0;
12621
+ bottom: 0;
12622
+ left: 0;
12623
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12624
+ z-index: -2;
12625
+ }
12626
+ .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 {
12627
+ content: "";
12628
+ position: absolute;
12629
+ top: 0;
12630
+ right: 0;
12631
+ bottom: 0;
12632
+ left: 0;
12633
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
12634
+ z-index: -1;
12635
+ }
12342
12636
  .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
12637
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12344
12638
  }
@@ -12355,6 +12649,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12355
12649
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12356
12650
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12357
12651
  }
12652
+ .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 {
12653
+ position: relative;
12654
+ }
12655
+ .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 {
12656
+ content: "";
12657
+ position: absolute;
12658
+ top: 0;
12659
+ right: 0;
12660
+ bottom: 0;
12661
+ left: 0;
12662
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12663
+ z-index: -2;
12664
+ }
12665
+ .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 {
12666
+ content: "";
12667
+ position: absolute;
12668
+ top: 0;
12669
+ right: 0;
12670
+ bottom: 0;
12671
+ left: 0;
12672
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
12673
+ z-index: -1;
12674
+ }
12358
12675
  .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
12676
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12360
12677
  }
@@ -12371,6 +12688,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12371
12688
  border-color: var(--ids-comp-table-thead-th-color-border-secondary-default);
12372
12689
  color: var(--ids-comp-table-thead-th-color-fg-typography-secondary-default);
12373
12690
  }
12691
+ .ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
12692
+ position: relative;
12693
+ }
12694
+ .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 {
12695
+ content: "";
12696
+ position: absolute;
12697
+ top: 0;
12698
+ right: 0;
12699
+ bottom: 0;
12700
+ left: 0;
12701
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12702
+ z-index: -2;
12703
+ }
12704
+ .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 {
12705
+ content: "";
12706
+ position: absolute;
12707
+ top: 0;
12708
+ right: 0;
12709
+ bottom: 0;
12710
+ left: 0;
12711
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
12712
+ z-index: -1;
12713
+ }
12374
12714
  .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
12715
  background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12376
12716
  border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
@@ -12380,6 +12720,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12380
12720
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12381
12721
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12382
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--surface > :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--surface > :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--surface > :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-surface-default);
12744
+ z-index: -1;
12745
+ }
12383
12746
  .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
12747
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12385
12748
  }
@@ -12396,6 +12759,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12396
12759
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12397
12760
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12398
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--surface:hover > :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--surface:hover > :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--surface:hover > :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-surface-hovered);
12783
+ z-index: -1;
12784
+ }
12399
12785
  .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
12786
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12401
12787
  }
@@ -12412,6 +12798,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12412
12798
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12413
12799
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12414
12800
  }
12801
+ .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 {
12802
+ position: relative;
12803
+ }
12804
+ .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 {
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-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 {
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-active);
12822
+ z-index: -1;
12823
+ }
12415
12824
  .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
12825
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12417
12826
  }
@@ -12428,6 +12837,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12428
12837
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12429
12838
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12430
12839
  }
12840
+ .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 {
12841
+ position: relative;
12842
+ }
12843
+ .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 {
12844
+ content: "";
12845
+ position: absolute;
12846
+ top: 0;
12847
+ right: 0;
12848
+ bottom: 0;
12849
+ left: 0;
12850
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12851
+ z-index: -2;
12852
+ }
12853
+ .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 {
12854
+ content: "";
12855
+ position: absolute;
12856
+ top: 0;
12857
+ right: 0;
12858
+ bottom: 0;
12859
+ left: 0;
12860
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
12861
+ z-index: -1;
12862
+ }
12431
12863
  .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
12864
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12433
12865
  }
@@ -12444,6 +12876,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12444
12876
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12445
12877
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12446
12878
  }
12879
+ .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 {
12880
+ position: relative;
12881
+ }
12882
+ .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 {
12883
+ content: "";
12884
+ position: absolute;
12885
+ top: 0;
12886
+ right: 0;
12887
+ bottom: 0;
12888
+ left: 0;
12889
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12890
+ z-index: -2;
12891
+ }
12892
+ .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 {
12893
+ content: "";
12894
+ position: absolute;
12895
+ top: 0;
12896
+ right: 0;
12897
+ bottom: 0;
12898
+ left: 0;
12899
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
12900
+ z-index: -1;
12901
+ }
12447
12902
  .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
12903
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12449
12904
  }
@@ -12460,6 +12915,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12460
12915
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12461
12916
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12462
12917
  }
12918
+ .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 {
12919
+ position: relative;
12920
+ }
12921
+ .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 {
12922
+ content: "";
12923
+ position: absolute;
12924
+ top: 0;
12925
+ right: 0;
12926
+ bottom: 0;
12927
+ left: 0;
12928
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12929
+ z-index: -2;
12930
+ }
12931
+ .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 {
12932
+ content: "";
12933
+ position: absolute;
12934
+ top: 0;
12935
+ right: 0;
12936
+ bottom: 0;
12937
+ left: 0;
12938
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
12939
+ z-index: -1;
12940
+ }
12463
12941
  .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
12942
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12465
12943
  }
@@ -12476,6 +12954,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12476
12954
  border-color: var(--ids-comp-table-thead-th-color-border-surface-default);
12477
12955
  color: var(--ids-comp-table-thead-th-color-fg-typography-surface-default);
12478
12956
  }
12957
+ .ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
12958
+ position: relative;
12959
+ }
12960
+ .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 {
12961
+ content: "";
12962
+ position: absolute;
12963
+ top: 0;
12964
+ right: 0;
12965
+ bottom: 0;
12966
+ left: 0;
12967
+ background-color: var(--ids-comp-table-color-bg-surface-default);
12968
+ z-index: -2;
12969
+ }
12970
+ .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 {
12971
+ content: "";
12972
+ position: absolute;
12973
+ top: 0;
12974
+ right: 0;
12975
+ bottom: 0;
12976
+ left: 0;
12977
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12978
+ z-index: -1;
12979
+ }
12479
12980
  .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
12981
  background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12481
12982
  border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
@@ -12485,6 +12986,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12485
12986
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12486
12987
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12487
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--surface > :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--surface > :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--surface > :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-surface-default);
13010
+ z-index: -1;
13011
+ }
12488
13012
  .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
13013
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12490
13014
  }
@@ -12501,6 +13025,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12501
13025
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12502
13026
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12503
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--surface:hover > :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--surface:hover > :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--surface:hover > :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-surface-hovered);
13049
+ z-index: -1;
13050
+ }
12504
13051
  .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
13052
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12506
13053
  }
@@ -12517,6 +13064,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12517
13064
  border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
12518
13065
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12519
13066
  }
13067
+ .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 {
13068
+ position: relative;
13069
+ }
13070
+ .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 {
13071
+ content: "";
13072
+ position: absolute;
13073
+ top: 0;
13074
+ right: 0;
13075
+ bottom: 0;
13076
+ left: 0;
13077
+ background-color: var(--ids-comp-table-color-bg-surface-default);
13078
+ z-index: -2;
13079
+ }
13080
+ .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 {
13081
+ content: "";
13082
+ position: absolute;
13083
+ top: 0;
13084
+ right: 0;
13085
+ bottom: 0;
13086
+ left: 0;
13087
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
13088
+ z-index: -1;
13089
+ }
12520
13090
  .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
13091
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
12522
13092
  }
@@ -12533,6 +13103,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12533
13103
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12534
13104
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12535
13105
  }
13106
+ .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 {
13107
+ position: relative;
13108
+ }
13109
+ .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 {
13110
+ content: "";
13111
+ position: absolute;
13112
+ top: 0;
13113
+ right: 0;
13114
+ bottom: 0;
13115
+ left: 0;
13116
+ background-color: var(--ids-comp-table-color-bg-surface-default);
13117
+ z-index: -2;
13118
+ }
13119
+ .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 {
13120
+ content: "";
13121
+ position: absolute;
13122
+ top: 0;
13123
+ right: 0;
13124
+ bottom: 0;
13125
+ left: 0;
13126
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
13127
+ z-index: -1;
13128
+ }
12536
13129
  .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
13130
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12538
13131
  }
@@ -12549,6 +13142,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12549
13142
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12550
13143
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12551
13144
  }
13145
+ .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 {
13146
+ position: relative;
13147
+ }
13148
+ .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 {
13149
+ content: "";
13150
+ position: absolute;
13151
+ top: 0;
13152
+ right: 0;
13153
+ bottom: 0;
13154
+ left: 0;
13155
+ background-color: var(--ids-comp-table-color-bg-surface-default);
13156
+ z-index: -2;
13157
+ }
13158
+ .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 {
13159
+ content: "";
13160
+ position: absolute;
13161
+ top: 0;
13162
+ right: 0;
13163
+ bottom: 0;
13164
+ left: 0;
13165
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
13166
+ z-index: -1;
13167
+ }
12552
13168
  .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
13169
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12554
13170
  }
@@ -12565,6 +13181,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12565
13181
  border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
12566
13182
  color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
12567
13183
  }
13184
+ .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 {
13185
+ position: relative;
13186
+ }
13187
+ .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 {
13188
+ content: "";
13189
+ position: absolute;
13190
+ top: 0;
13191
+ right: 0;
13192
+ bottom: 0;
13193
+ left: 0;
13194
+ background-color: var(--ids-comp-table-color-bg-surface-default);
13195
+ z-index: -2;
13196
+ }
13197
+ .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 {
13198
+ content: "";
13199
+ position: absolute;
13200
+ top: 0;
13201
+ right: 0;
13202
+ bottom: 0;
13203
+ left: 0;
13204
+ background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
13205
+ z-index: -1;
13206
+ }
12568
13207
  .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
13208
  color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
12570
13209
  }
@@ -12575,7 +13214,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12575
13214
  .ids-table > .ids-table__horizontal-scroll > table {
12576
13215
  width: 100%;
12577
13216
  box-sizing: border-box;
12578
- border-collapse: collapse;
13217
+ border-collapse: separate;
13218
+ border-spacing: 0px;
12579
13219
  border-style: solid;
12580
13220
  border-width: 0px;
12581
13221
  background-color: var(--ids-comp-table-color-bg-surface-default);
@@ -12584,20 +13224,29 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12584
13224
  }
12585
13225
  .ids-table > .ids-table__horizontal-scroll > table > thead {
12586
13226
  box-sizing: border-box;
13227
+ border-width: 0px;
12587
13228
  }
12588
13229
  .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
12589
13230
  box-sizing: border-box;
13231
+ border-width: 0px;
12590
13232
  }
12591
13233
  .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
12592
13234
  box-sizing: border-box;
13235
+ border-width: 0px;
12593
13236
  text-align: left;
12594
13237
  }
13238
+ .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--numeric {
13239
+ text-align: right;
13240
+ }
12595
13241
  .ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--sortable {
12596
13242
  display: flex;
12597
13243
  flex-direction: row;
12598
13244
  align-items: center;
12599
13245
  justify-content: space-between;
12600
13246
  }
13247
+ .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 {
13248
+ justify-content: flex-end;
13249
+ }
12601
13250
  .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
13251
  text-align: center;
12603
13252
  min-width: 2.5rem;
@@ -12608,13 +13257,16 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12608
13257
  }
12609
13258
  .ids-table > .ids-table__horizontal-scroll > table > tbody {
12610
13259
  box-sizing: border-box;
13260
+ border-width: 0px;
12611
13261
  }
12612
13262
  .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
12613
13263
  box-sizing: border-box;
13264
+ border-width: 0px;
12614
13265
  background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
12615
13266
  }
12616
13267
  .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
12617
13268
  box-sizing: border-box;
13269
+ border-width: 0px;
12618
13270
  text-align: start;
12619
13271
  color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
12620
13272
  }
@@ -12637,10 +13289,12 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12637
13289
  }
12638
13290
  .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row {
12639
13291
  box-sizing: border-box;
13292
+ border-width: 0px;
12640
13293
  height: 0px;
12641
13294
  }
12642
13295
  .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row > :is(td.ids-table__cell, th.ids-table__cell) {
12643
13296
  box-sizing: border-box;
13297
+ border-width: 0px;
12644
13298
  border-bottom-width: 0;
12645
13299
  }
12646
13300
  .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 +13307,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
12653
13307
  .ids-table > .ids-table__horizontal-scroll > table > tbody .ids-table__detail-cell--content-wrapper {
12654
13308
  display: flex;
12655
13309
  box-sizing: border-box;
13310
+ border-width: 0px;
12656
13311
  overflow: hidden;
12657
13312
  }
12658
13313
  .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 {