@dnb/eufemia 9.46.2 → 9.47.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/cjs/components/table/TableContainer.d.ts +3 -3
- package/cjs/components/table/TableContainer.js +20 -1
- package/cjs/components/table/TableTh.js +2 -2
- package/cjs/components/table/style/_table-accordion.scss +52 -8
- package/cjs/components/table/style/_table-container.scss +20 -2
- package/cjs/components/table/style/_table-td.scss +35 -67
- package/cjs/components/table/style/_table-th.scss +41 -34
- package/cjs/components/table/style/_table.scss +12 -13
- package/cjs/components/table/style/dnb-table-mixins.css +0 -0
- package/cjs/components/table/style/dnb-table-mixins.min.css +0 -0
- package/cjs/components/table/style/dnb-table-mixins.scss +11 -0
- package/cjs/components/table/style/dnb-table.css +124 -137
- package/cjs/components/table/style/dnb-table.min.css +8 -7
- package/cjs/components/table/style/themes/dnb-table-theme-ui.css +7 -3
- package/cjs/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/cjs/components/table/style/themes/dnb-table-theme-ui.scss +6 -12
- package/cjs/shared/Eufemia.js +1 -1
- package/cjs/style/dnb-ui-components.css +124 -137
- package/cjs/style/dnb-ui-components.min.css +8 -7
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.css +7 -3
- package/cjs/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/cjs/style/themes/theme-ui/dnb-theme-ui.css +7 -3
- package/cjs/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/components/table/TableContainer.d.ts +3 -3
- package/components/table/TableContainer.js +21 -1
- package/components/table/TableTh.js +2 -2
- package/components/table/style/_table-accordion.scss +52 -8
- package/components/table/style/_table-container.scss +20 -2
- package/components/table/style/_table-td.scss +35 -67
- package/components/table/style/_table-th.scss +41 -34
- package/components/table/style/_table.scss +12 -13
- package/components/table/style/dnb-table-mixins.css +0 -0
- package/components/table/style/dnb-table-mixins.min.css +0 -0
- package/components/table/style/dnb-table-mixins.scss +11 -0
- package/components/table/style/dnb-table.css +124 -137
- package/components/table/style/dnb-table.min.css +8 -7
- package/components/table/style/themes/dnb-table-theme-ui.css +7 -3
- package/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/components/table/style/themes/dnb-table-theme-ui.scss +6 -12
- package/es/components/table/TableContainer.d.ts +3 -3
- package/es/components/table/TableContainer.js +21 -1
- package/es/components/table/TableTh.js +2 -2
- package/es/components/table/style/_table-accordion.scss +52 -8
- package/es/components/table/style/_table-container.scss +20 -2
- package/es/components/table/style/_table-td.scss +35 -67
- package/es/components/table/style/_table-th.scss +41 -34
- package/es/components/table/style/_table.scss +12 -13
- package/es/components/table/style/dnb-table-mixins.css +0 -0
- package/es/components/table/style/dnb-table-mixins.min.css +0 -0
- package/es/components/table/style/dnb-table-mixins.scss +11 -0
- package/es/components/table/style/dnb-table.css +124 -137
- package/es/components/table/style/dnb-table.min.css +8 -7
- package/es/components/table/style/themes/dnb-table-theme-ui.css +7 -3
- package/es/components/table/style/themes/dnb-table-theme-ui.min.css +1 -1
- package/es/components/table/style/themes/dnb-table-theme-ui.scss +6 -12
- package/es/shared/Eufemia.js +1 -1
- package/es/style/dnb-ui-components.css +124 -137
- package/es/style/dnb-ui-components.min.css +8 -7
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.css +7 -3
- package/es/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/es/style/themes/theme-ui/dnb-theme-ui.css +7 -3
- package/es/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/esm/dnb-ui-basis.min.mjs +1 -1
- package/esm/dnb-ui-components.min.mjs +1 -1
- package/esm/dnb-ui-elements.min.mjs +2 -2
- package/esm/dnb-ui-extensions.min.mjs +1 -1
- package/esm/dnb-ui-lib.min.mjs +2 -2
- package/esm/dnb-ui-web-components.min.mjs +1 -1
- package/package.json +1 -1
- package/shared/Eufemia.js +1 -1
- package/style/dnb-ui-components.css +124 -137
- package/style/dnb-ui-components.min.css +8 -7
- package/style/themes/theme-eiendom/dnb-theme-eiendom.css +7 -3
- package/style/themes/theme-eiendom/dnb-theme-eiendom.min.css +1 -1
- package/style/themes/theme-ui/dnb-theme-ui.css +7 -3
- package/style/themes/theme-ui/dnb-theme-ui.min.css +1 -1
- package/umd/dnb-ui-basis.min.js +1 -1
- package/umd/dnb-ui-components.min.js +1 -1
- package/umd/dnb-ui-elements.min.js +2 -2
- package/umd/dnb-ui-extensions.min.js +1 -1
- package/umd/dnb-ui-lib.min.js +2 -2
- package/umd/dnb-ui-web-components.min.js +1 -1
|
@@ -91,9 +91,25 @@
|
|
|
91
91
|
white-space: nowrap; }
|
|
92
92
|
.dnb-table > caption {
|
|
93
93
|
caption-side: bottom;
|
|
94
|
-
|
|
94
|
+
padding: 0.5rem 0 0.5rem 1rem;
|
|
95
95
|
font-size: 1.125rem;
|
|
96
|
-
font-size: var(--font-size-basis);
|
|
96
|
+
font-size: var(--font-size-basis);
|
|
97
|
+
background-color: #fff;
|
|
98
|
+
background-color: var(--color-white);
|
|
99
|
+
text-align: left; }
|
|
100
|
+
.dnb-table--border > caption:not(.dnb-sr-only) {
|
|
101
|
+
position: relative; }
|
|
102
|
+
.dnb-table--border > caption:not(.dnb-sr-only)::after {
|
|
103
|
+
content: '';
|
|
104
|
+
position: absolute;
|
|
105
|
+
top: 0;
|
|
106
|
+
left: 0;
|
|
107
|
+
right: 0;
|
|
108
|
+
bottom: 0;
|
|
109
|
+
z-index: 1;
|
|
110
|
+
pointer-events: none;
|
|
111
|
+
top: -0.0625rem;
|
|
112
|
+
border-top: var(--border); }
|
|
97
113
|
.dnb-table.dnb-skeleton > * {
|
|
98
114
|
-webkit-text-fill-color: #ebebeb;
|
|
99
115
|
-webkit-text-fill-color: var(--skeleton-color); }
|
|
@@ -393,41 +409,7 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
393
409
|
-ms-flex-align: end;
|
|
394
410
|
align-items: flex-end; }
|
|
395
411
|
|
|
396
|
-
.dnb-table--
|
|
397
|
-
content: '';
|
|
398
|
-
position: absolute;
|
|
399
|
-
top: 0;
|
|
400
|
-
left: 0;
|
|
401
|
-
right: 0;
|
|
402
|
-
bottom: 0;
|
|
403
|
-
z-index: 1;
|
|
404
|
-
pointer-events: none;
|
|
405
|
-
border-top: var(--outline); }
|
|
406
|
-
|
|
407
|
-
.dnb-table--outline thead .dnb-table__th:first-of-type::after {
|
|
408
|
-
border-left: var(--outline); }
|
|
409
|
-
|
|
410
|
-
.dnb-table--outline thead .dnb-table__th:last-of-type::after {
|
|
411
|
-
border-right: var(--outline); }
|
|
412
|
-
|
|
413
|
-
.dnb-table--outline thead .dnb-table__th:first-of-type, .dnb-table--outline thead .dnb-table__th:first-of-type::after {
|
|
414
|
-
border-radius: 0.5rem 0 0 0; }
|
|
415
|
-
|
|
416
|
-
.dnb-table--outline thead .dnb-table__th:last-of-type, .dnb-table--outline thead .dnb-table__th:last-of-type::after {
|
|
417
|
-
border-radius: 0 0.5rem 0 0; }
|
|
418
|
-
|
|
419
|
-
.dnb-table--outline tbody .dnb-table__th:first-of-type::after {
|
|
420
|
-
content: '';
|
|
421
|
-
position: absolute;
|
|
422
|
-
top: 0;
|
|
423
|
-
left: 0;
|
|
424
|
-
right: 0;
|
|
425
|
-
bottom: 0;
|
|
426
|
-
z-index: 1;
|
|
427
|
-
pointer-events: none;
|
|
428
|
-
border-left: var(--outline); }
|
|
429
|
-
|
|
430
|
-
.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th::after {
|
|
412
|
+
.dnb-table--border tbody .dnb-table__th::after {
|
|
431
413
|
content: '';
|
|
432
414
|
position: absolute;
|
|
433
415
|
top: 0;
|
|
@@ -436,10 +418,7 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
436
418
|
bottom: 0;
|
|
437
419
|
z-index: 1;
|
|
438
420
|
pointer-events: none;
|
|
439
|
-
border-
|
|
440
|
-
|
|
441
|
-
.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th:first-of-type::after {
|
|
442
|
-
border-radius: 0 0 0 0.5rem; }
|
|
421
|
+
border-top: var(--border); }
|
|
443
422
|
|
|
444
423
|
/*
|
|
445
424
|
* Table component
|
|
@@ -449,28 +428,10 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
449
428
|
* Button mixins
|
|
450
429
|
*
|
|
451
430
|
*/
|
|
452
|
-
.dnb-table
|
|
453
|
-
content: '';
|
|
454
|
-
position: absolute;
|
|
455
|
-
top: 0;
|
|
456
|
-
left: 0;
|
|
457
|
-
right: 0;
|
|
458
|
-
bottom: 0;
|
|
459
|
-
z-index: 1;
|
|
460
|
-
pointer-events: none;
|
|
461
|
-
border: var(--border);
|
|
462
|
-
border-right: none;
|
|
463
|
-
border-bottom: none; }
|
|
464
|
-
|
|
465
|
-
.dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr:last-of-type .dnb-table__td::after,
|
|
466
|
-
.dnb-table:not(.dnb-table--outline) tbody .dnb-table__tr .dnb-table__td[rowspan]::after {
|
|
467
|
-
bottom: -0.0625rem;
|
|
468
|
-
border-bottom: var(--border); }
|
|
469
|
-
|
|
470
|
-
.dnb-table--outline tbody .dnb-table__td {
|
|
431
|
+
.dnb-table {
|
|
471
432
|
/* stylelint-disable */
|
|
472
433
|
/* stylelint-enable */ }
|
|
473
|
-
.dnb-table--
|
|
434
|
+
.dnb-table--border tbody .dnb-table__td::after {
|
|
474
435
|
content: '';
|
|
475
436
|
position: absolute;
|
|
476
437
|
top: 0;
|
|
@@ -478,72 +439,55 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
478
439
|
right: 0;
|
|
479
440
|
bottom: 0;
|
|
480
441
|
z-index: 1;
|
|
481
|
-
pointer-events: none;
|
|
482
|
-
|
|
483
|
-
border-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
-
|
|
488
|
-
|
|
489
|
-
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
.dnb-table--outline
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
.dnb-table--outline tbody .dnb-table__tr:
|
|
510
|
-
.dnb-table--outline tbody
|
|
511
|
-
.dnb-
|
|
512
|
-
|
|
513
|
-
.dnb-
|
|
514
|
-
.dnb-table--outline tbody
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
.dnb-table--outline
|
|
519
|
-
|
|
520
|
-
.dnb-
|
|
521
|
-
.dnb-table--outline tbody
|
|
522
|
-
|
|
523
|
-
.dnb-
|
|
524
|
-
.dnb-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
.dnb-table
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
.dnb-table--outline tbody .dnb-table__tr .dnb-table__th ~ .dnb-table__td:first-of-type:first-of-type::after {
|
|
531
|
-
border-left: none; }
|
|
532
|
-
|
|
533
|
-
.dnb-table--border tbody .dnb-table__tr .dnb-table__th ~ .dnb-table__td:first-of-type:first-of-type::after {
|
|
534
|
-
border-left: var(--border); }
|
|
535
|
-
|
|
536
|
-
.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type::before, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type::after {
|
|
537
|
-
border-radius: 0 0 0 0; }
|
|
538
|
-
|
|
539
|
-
.dnb-table__td--no-spacing,
|
|
540
|
-
.dnb-table td.dnb-table__td--no-spacing {
|
|
541
|
-
padding: 0; }
|
|
542
|
-
|
|
543
|
-
.dnb-table__td--spacing-horizontal,
|
|
544
|
-
.dnb-table td.dnb-table__td--spacing-horizontal {
|
|
545
|
-
padding-top: 0;
|
|
546
|
-
padding-bottom: 0; }
|
|
442
|
+
pointer-events: none;
|
|
443
|
+
border: var(--border);
|
|
444
|
+
border-right: none;
|
|
445
|
+
border-bottom: none; }
|
|
446
|
+
.dnb-table--outline {
|
|
447
|
+
position: relative; }
|
|
448
|
+
.dnb-table--outline, .dnb-table--outline::after {
|
|
449
|
+
border-radius: 0.5rem; }
|
|
450
|
+
.dnb-table--outline::after {
|
|
451
|
+
content: '';
|
|
452
|
+
position: absolute;
|
|
453
|
+
top: 0;
|
|
454
|
+
left: 0;
|
|
455
|
+
right: 0;
|
|
456
|
+
bottom: 0;
|
|
457
|
+
z-index: 1;
|
|
458
|
+
pointer-events: none;
|
|
459
|
+
z-index: 3;
|
|
460
|
+
border: var(--outline); }
|
|
461
|
+
.dnb-table--outline tbody .dnb-table__tr .dnb-table__th ~ .dnb-table__td:first-of-type:first-of-type::after {
|
|
462
|
+
border-left: none; }
|
|
463
|
+
.dnb-table--border tbody .dnb-table__tr .dnb-table__th ~ .dnb-table__td:first-of-type:first-of-type::after {
|
|
464
|
+
border-left: var(--border); }
|
|
465
|
+
.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type::before, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type::after {
|
|
466
|
+
border-radius: 0 0 0 0; }
|
|
467
|
+
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th::after,
|
|
468
|
+
.dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__th::after {
|
|
469
|
+
border-top: var(--outline); }
|
|
470
|
+
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-of-type, .dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-of-type::after,
|
|
471
|
+
.dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__th:first-of-type,
|
|
472
|
+
.dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__th:first-of-type::after {
|
|
473
|
+
border-radius: 0.5rem 0 0 0; }
|
|
474
|
+
.dnb-table--outline > tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td::after,
|
|
475
|
+
.dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__td::after {
|
|
476
|
+
border-top: var(--outline); }
|
|
477
|
+
.dnb-table--outline > tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-of-type, .dnb-table--outline > tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-of-type::after,
|
|
478
|
+
.dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__td:last-of-type,
|
|
479
|
+
.dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__td:last-of-type::after {
|
|
480
|
+
border-radius: 0 0.5rem 0 0; }
|
|
481
|
+
.dnb-table:not(.dnb-table--outline).dnb-table--border > tbody:first-child .dnb-table__td:last-of-type::after,
|
|
482
|
+
.dnb-table:not(.dnb-table--outline).dnb-table--border > :not(thead) + tbody .dnb-table__td:last-of-type::after {
|
|
483
|
+
border-right: var(--border); }
|
|
484
|
+
.dnb-table__td--no-spacing,
|
|
485
|
+
.dnb-table td.dnb-table__td--no-spacing {
|
|
486
|
+
padding: 0; }
|
|
487
|
+
.dnb-table__td--spacing-horizontal,
|
|
488
|
+
.dnb-table td.dnb-table__td--spacing-horizontal {
|
|
489
|
+
padding-top: 0;
|
|
490
|
+
padding-bottom: 0; }
|
|
547
491
|
|
|
548
492
|
/*
|
|
549
493
|
* Table component
|
|
@@ -652,21 +596,42 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
652
596
|
-webkit-box-direction: normal;
|
|
653
597
|
-ms-flex-direction: column;
|
|
654
598
|
flex-direction: column; }
|
|
655
|
-
.dnb-table__container__body .dnb-table
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
599
|
+
.dnb-table__container__body .dnb-table {
|
|
600
|
+
position: relative;
|
|
601
|
+
/* stylelint-disable */
|
|
602
|
+
/* stylelint-enable */ }
|
|
603
|
+
.dnb-table__container__body .dnb-table:not([class*='space__bottom']) {
|
|
604
|
+
margin-bottom: 0; }
|
|
605
|
+
.dnb-table__container__body .dnb-table__size--large .dnb-table__th {
|
|
606
|
+
padding-top: 1.5rem; }
|
|
607
|
+
.dnb-table__container__body .dnb-table::after {
|
|
608
|
+
content: '';
|
|
609
|
+
position: absolute;
|
|
610
|
+
top: 0;
|
|
611
|
+
left: 0;
|
|
612
|
+
right: 0;
|
|
613
|
+
bottom: 0;
|
|
614
|
+
z-index: 1;
|
|
615
|
+
pointer-events: none;
|
|
616
|
+
border-bottom: var(--border); }
|
|
617
|
+
.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th::after,
|
|
618
|
+
.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td::after,
|
|
619
|
+
.dnb-table__container__body .dnb-table > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__th::after,
|
|
620
|
+
.dnb-table__container__body .dnb-table > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__td::after {
|
|
621
|
+
border-top: none; }
|
|
659
622
|
.dnb-table__container__head {
|
|
660
623
|
padding: 2rem 1rem 0; }
|
|
661
624
|
.dnb-table__container__head--empty {
|
|
662
|
-
padding: 0
|
|
625
|
+
padding: 0;
|
|
626
|
+
min-height: 1.5rem; }
|
|
663
627
|
.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
|
|
664
628
|
margin: 0; }
|
|
665
629
|
.dnb-table__container__foot {
|
|
666
630
|
padding: 1rem;
|
|
667
631
|
padding-bottom: 1.25rem; }
|
|
668
632
|
.dnb-table__container__foot--empty {
|
|
669
|
-
padding
|
|
633
|
+
padding: 0;
|
|
634
|
+
min-height: 1rem; }
|
|
670
635
|
.dnb-table__container .dnb-table__scroll-view {
|
|
671
636
|
-webkit-clip-path: inset(0 round 0 0 0.5rem 0.5rem);
|
|
672
637
|
clip-path: inset(0 round 0 0 0.5rem 0.5rem); }
|
|
@@ -782,8 +747,11 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
782
747
|
.dnb-table__tr--has-accordion-content, .dnb-table__tr__accordion_content {
|
|
783
748
|
position: relative;
|
|
784
749
|
z-index: 2; }
|
|
785
|
-
.dnb-table__tr--has-accordion-content
|
|
750
|
+
.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded, .dnb-table__tr__accordion_content {
|
|
786
751
|
z-index: 3; }
|
|
752
|
+
.dnb-table__tr--has-accordion-content:hover, .dnb-table__tr--has-accordion-content:active,
|
|
753
|
+
html[data-whatinput='keyboard'] .dnb-table__tr--has-accordion-content:focus {
|
|
754
|
+
z-index: 5; }
|
|
787
755
|
.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon {
|
|
788
756
|
-webkit-transform: rotate(180deg);
|
|
789
757
|
transform: rotate(180deg); }
|
|
@@ -816,6 +784,9 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
816
784
|
html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon {
|
|
817
785
|
color: #14555a;
|
|
818
786
|
color: var(--color-emerald-green); }
|
|
787
|
+
.dnb-table--outline tbody
|
|
788
|
+
.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(:nth-last-child(2)) .dnb-table__td::before {
|
|
789
|
+
bottom: -0.0625rem; }
|
|
819
790
|
.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td {
|
|
820
791
|
background-color: #fff;
|
|
821
792
|
background-color: var(--color-white); }
|
|
@@ -855,11 +826,12 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
855
826
|
@supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
|
|
856
827
|
.dnb-table__tr__accordion_content[hidden] {
|
|
857
828
|
/**
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
829
|
+
* By reverting the display from "none" to "block",
|
|
830
|
+
* we trick VoiceOver to not make this row as the end of the table. We still need "hidden" to get the correct number of rows (childCount).
|
|
831
|
+
*/
|
|
861
832
|
display: block; } }
|
|
862
833
|
.dnb-table__tr__accordion_content td {
|
|
834
|
+
padding: 0 !important;
|
|
863
835
|
width: calc(100% - 3.5rem); }
|
|
864
836
|
.dnb-table__size--medium .dnb-table__tr__accordion_content td {
|
|
865
837
|
width: calc(100% - 3rem); }
|
|
@@ -920,6 +892,21 @@ thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus
|
|
|
920
892
|
* But we do not need baseline in this tr > td, so we reset it.
|
|
921
893
|
*/
|
|
922
894
|
vertical-align: top; }
|
|
895
|
+
.dnb-table--outline tbody
|
|
896
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type, .dnb-table--outline tbody
|
|
897
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type::before, .dnb-table--outline tbody
|
|
898
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type::after {
|
|
899
|
+
border-radius: 0 0 0 0.5rem; }
|
|
900
|
+
.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type::before, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type::after,
|
|
901
|
+
.dnb-table--outline tbody
|
|
902
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type,
|
|
903
|
+
.dnb-table--outline tbody
|
|
904
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type::before,
|
|
905
|
+
.dnb-table--outline tbody
|
|
906
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type::after {
|
|
907
|
+
border-radius: 0 0 0.5rem 0; }
|
|
908
|
+
.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td, .dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td::before, .dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td::after {
|
|
909
|
+
border-radius: 0 0 0.5rem 0.5rem; }
|
|
923
910
|
.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled) {
|
|
924
911
|
cursor: pointer; }
|
|
925
912
|
.dnb-table__td-wrapper {
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
.dnb-table{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-table *,.dnb-table :after,.dnb-table :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-table :after,.dnb-table :before{text-decoration:inherit;vertical-align:inherit}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{caption-side:bottom;font-size:1.125rem;font-size:var(--font-size-basis);margin-top:.5rem}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:#ebebeb;-webkit-text-fill-color:var(--skeleton-color)}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#007272;color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-shadow:none;box-shadow:none;color:inherit;font-size:inherit;font-weight:500;font-weight:var(--font-weight-medium);line-height:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;-webkit-transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out,-webkit-transform .5s ease-out}[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{-ms-flex-item-align:end;align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:#007272;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}:not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{color:inherit;opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after{visibility:visible}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:#007272;color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
|
|
2
|
-
.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table>thead>.dnb-table--no-wrap .dnb-table__sort-button{white-space:nowrap}.dnb-table__th__horizontal{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-table--
|
|
1
|
+
.dnb-table{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);margin:0;padding:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-table *,.dnb-table :after,.dnb-table :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-table :after,.dnb-table :before{text-decoration:inherit;vertical-align:inherit}.dnb-table{border-collapse:collapse;border-spacing:0;display:table;margin-bottom:.5rem;margin-top:0;table-layout:auto;width:100%}.dnb-table--fixed{table-layout:fixed;width:auto}.dnb-table--no-wrap{white-space:nowrap}.dnb-table>caption{background-color:#fff;background-color:var(--color-white);caption-side:bottom;font-size:1.125rem;font-size:var(--font-size-basis);padding:.5rem 0 .5rem 1rem;text-align:left}.dnb-table--border>caption:not(.dnb-sr-only){position:relative}.dnb-table--border>caption:not(.dnb-sr-only):after{border-top:var(--border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;top:-.0625rem;z-index:1}.dnb-table.dnb-skeleton>*{-webkit-text-fill-color:#ebebeb;-webkit-text-fill-color:var(--skeleton-color)}.dnb-table .dnb-table__th.dnb-table--sortable,.dnb-table>thead>tr>th.dnb-table--sortable{color:#007272;color:var(--color-sea-green)}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-shadow:none;box-shadow:none;color:inherit;font-size:inherit;font-weight:500;font-weight:var(--font-weight-medium);line-height:inherit;margin:0;padding:0 .5rem 0 0;position:relative;text-align:inherit;z-index:1}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{opacity:0;-webkit-transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,-webkit-transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out;transition:opacity .2s ease-out,transform .5s ease-out,-webkit-transform .5s ease-out}[data-visual-test-wrapper] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon,[data-visual-test-wrapper] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button>.dnb-icon{-webkit-transition:none;transition:none}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text{font-size:inherit;line-height:inherit;margin:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text:after{right:1rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon{-ms-flex-item-align:end;align-self:flex-end;margin-bottom:.25rem;margin-top:auto}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]){color:#007272;color:var(--color-sea-green)}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}:not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,:not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon,html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon{opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{color:inherit;opacity:1}html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after,html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text:after{visibility:visible}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]){color:#007272;color:var(--color-sea-green)}html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{border-radius:inherit;bottom:0;height:inherit;left:-.5rem;outline:none;top:0;z-index:1}html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]):before{bottom:-.5rem;content:"";left:-1rem;position:absolute;right:.5rem;right:-.5rem;top:-.5rem}.dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--sortable[align=right],.dnb-table>thead>tr>th.dnb-table--sortable[align=right]{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right{padding-right:.5rem}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text{padding-right:0}.dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text:after{right:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon{opacity:1}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text:after{color:#007272;color:var(--color-sea-green);opacity:1}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled]{cursor:not-allowed}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after,html:not([data-whatintent=touch]) .dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text:after{opacity:0}.dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after,.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text:after{visibility:visible}html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after,html[data-whatinput=keyboard]
|
|
2
|
+
.dnb-table>thead>tr>th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,.dnb-table>thead>tr>th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.dnb-table .dnb-table__th .dnb-table__help-button,.dnb-table>thead>tr>th .dnb-table__help-button{margin-left:.5rem}.dnb-table>thead>.dnb-table--no-wrap .dnb-table__sort-button{white-space:nowrap}.dnb-table__th__horizontal{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-table--border tbody .dnb-table__th:after{border-top:var(--border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--border tbody .dnb-table__td:after{border:var(--border);border-bottom:none;border-right:none;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table--outline{position:relative}.dnb-table--outline,.dnb-table--outline:after{border-radius:.5rem}.dnb-table--outline:after{border:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table--outline tbody .dnb-table__tr .dnb-table__th~.dnb-table__td:first-of-type:first-of-type:after{border-left:none}.dnb-table--border tbody .dnb-table__tr .dnb-table__th~.dnb-table__td:first-of-type:first-of-type:after{border-left:var(--border)}.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th~.dnb-table__td:first-of-type:before{border-radius:0 0 0 0}.dnb-table--outline>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__th:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:after{border-top:var(--outline)}.dnb-table--outline>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-of-type,.dnb-table--outline>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__th:first-of-type:after,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-of-type,.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-of-type:after{border-radius:.5rem 0 0 0}.dnb-table--outline>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table--outline>tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:after{border-top:var(--outline)}.dnb-table--outline>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-of-type,.dnb-table--outline>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__td:last-of-type:after,.dnb-table--outline>tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-of-type,.dnb-table--outline>tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-of-type:after{border-radius:0 .5rem 0 0}.dnb-table:not(.dnb-table--outline).dnb-table--border>:not(thead)+tbody .dnb-table__td:last-of-type:after,.dnb-table:not(.dnb-table--outline).dnb-table--border>tbody:first-child .dnb-table__td:last-of-type:after{border-right:var(--border)}.dnb-table__td--no-spacing,.dnb-table td.dnb-table__td--no-spacing{padding:0}.dnb-table__td--spacing-horizontal,.dnb-table td.dnb-table__td--spacing-horizontal{padding-bottom:0;padding-top:0}.dnb-table .dnb-table__tr,.dnb-table .dnb-table__tr--even,.dnb-table>tbody>tr{background-color:#f8f8f8;background-color:var(--color-black-3)}.dnb-table .dnb-table__tr--odd,.dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),.dnb-table>tbody>tr:not(.dnb-table__tr--even):nth-of-type(2n){background-color:#fff;background-color:var(--color-white)}.dnb-table--outline tbody
|
|
3
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline thead .dnb-table__tr:first-of-type{-webkit-clip-path:inset(0 0 -1rem 0 round .5rem .5rem 0 0);clip-path:inset(0 0 -1rem 0 round .5rem .5rem 0 0)}.dnb-table--outline tbody
|
|
4
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody .dnb-table__tr:last-of-type{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table tr.sticky{position:sticky;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,var(--table-offset,0),0);transform:translate3d(0,var(--table-offset,0),0);z-index:4}.dnb-table tr.sticky.css-position{top:0;top:var(--table-top,0)}.dnb-table tr.sticky.is-sticky th:before{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:.5rem}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dnb-table__container__body .dnb-table{position:relative}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__body .dnb-table__size--large .dnb-table__th{padding-top:1.5rem}.dnb-table__container__body .dnb-table:after{border-bottom:var(--border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table>:not(thead)+tbody .dnb-table__tr:first-of-type .dnb-table__th:after,.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:after,.dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:after{border-top:none}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{min-height:1.5rem;padding:0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.25rem}.dnb-table__container__foot--empty{min-height:1rem;padding:0}.dnb-table__container .dnb-table__scroll-view{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}@supports (-webkit-appearance:none) and (not (-moz-appearance:meterbar)){.dnb-table__container:after{bottom:calc(var(--outline-width)*-1)}}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table{--accordion-background:var(--color-white);--accordion-border-width:0.0625rem;--accordion-border:var(--accordion-border-width) solid var(--color-black-20)}.dnb-table__th.dnb-table__th__accordion-icon.dnb-table__th{padding:0}.dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-table__td.dnb-table__td__accordion-icon.dnb-table__td{padding:0}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:#007272;color:var(--color-sea-green);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test]
|
|
5
|
+
.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{-webkit-transition:none!important;transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion_content{position:relative;z-index:2}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr__accordion_content{z-index:3}.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:hover,html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content:focus{z-index:5}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type):after{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:.125rem solid transparent;bottom:0;content:"";inset:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:#14555a;border-color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table--outline tbody
|
|
6
|
+
.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(:nth-last-child(2)) .dnb-table__td:before{bottom:-.0625rem}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:#fff;background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:#14555a;border-color:var(--color-emerald-green);bottom:0;top:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:#14555a;border-color:var(--color-emerald-green);border-width:.0625rem}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--accordion-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--accordion-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:#b3dada;color:var(--color-sea-green-30)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion_content[hidden]{display:block}}.dnb-table__tr__accordion_content td{padding:0!important;width:calc(100% - 3.5rem)}.dnb-table__size--medium .dnb-table__tr__accordion_content td{width:calc(100% - 3rem)}.dnb-table__size--small .dnb-table__tr__accordion_content td{width:calc(100% - 2.5rem)}.dnb-table__tr__accordion_content td:before{border-bottom:var(--accordion-border);bottom:-.0625rem;bottom:calc(var(--accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion_content td:after{border-top:none}.dnb-table__tr__accordion_content__inner{overflow:hidden;position:relative;-webkit-transition:height .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing);transition:height .4s var(--accordion-easing);will-change:height}.dnb-table__tr__accordion_content__inner__spacing{padding:1rem;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing{-webkit-transform:translateY(0);transform:translateY(0)}.dnb-table__tr__accordion_content>td.dnb-table__td{padding:0}.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion_content--expanded>td.dnb-table__td{background-color:#fff;background-color:var(--color-white)}.dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td{background-color:var(--accordion-background);vertical-align:top}.dnb-table--outline tbody
|
|
3
7
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type,.dnb-table--outline tbody
|
|
4
8
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type:after,.dnb-table--outline tbody
|
|
5
|
-
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type:before
|
|
9
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type:before{border-radius:0 0 0 .5rem}.dnb-table--outline tbody
|
|
6
10
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type,.dnb-table--outline tbody
|
|
7
11
|
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:after,.dnb-table--outline tbody
|
|
8
|
-
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:before,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:before{border-radius:0 0 .5rem 0}.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:before{border-radius:0 0 .5rem .5rem}.dnb-
|
|
9
|
-
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline thead .dnb-table__tr:first-of-type{-webkit-clip-path:inset(0 0 -1rem 0 round .5rem .5rem 0 0);clip-path:inset(0 0 -1rem 0 round .5rem .5rem 0 0)}.dnb-table--outline tbody
|
|
10
|
-
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2),.dnb-table--outline tbody .dnb-table__tr:last-of-type{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table__td,.dnb-table__th{border-spacing:0;position:relative;word-break:keep-all}.dnb-table__sticky-helper>td{display:block;height:0;overflow:hidden;padding:0!important}.dnb-table tr.sticky{position:sticky;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translate3d(0,var(--table-offset,0),0);transform:translate3d(0,var(--table-offset,0),0);z-index:4}.dnb-table tr.sticky.css-position{top:0;top:var(--table-top,0)}.dnb-table tr.sticky.is-sticky th:before{bottom:0;-webkit-box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);box-shadow:0 -2px 12px 8px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);box-shadow:var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);-webkit-clip-path:inset(6px 0 -48px 0);clip-path:inset(6px 0 -48px 0);content:"";height:6px;left:0;position:absolute;right:0}.dnb-table__container{position:relative}.dnb-table__container:after{border:var(--outline);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1;z-index:3}.dnb-table__container,.dnb-table__container:after{border-radius:.5rem}.dnb-table__container,.dnb-table__container__body,.dnb-table__container__foot,.dnb-table__container__head{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dnb-table__container__body .dnb-table:not([class*=space__bottom]){margin-bottom:0}.dnb-table__container__body .dnb-table__size--large .dnb-table__th{padding-top:1.5rem}.dnb-table__container__head{padding:2rem 1rem 0}.dnb-table__container__head--empty{padding:.5rem 0 0}.dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*=space__top]){margin:0}.dnb-table__container__foot{padding:1rem 1rem 1.25rem}.dnb-table__container__foot--empty{padding-bottom:1.5rem}.dnb-table__container .dnb-table__scroll-view{-webkit-clip-path:inset(0 round 0 0 .5rem .5rem);clip-path:inset(0 round 0 0 .5rem .5rem)}@supports (-webkit-appearance:none) and (not (-moz-appearance:meterbar)){.dnb-table__container:after{bottom:calc(var(--outline-width)*-1)}}.dnb-modal__content .dnb-table__container .dnb-table__scroll-view{overflow:visible}.dnb-table,.dnb-table--left{text-align:left}.dnb-table--right{text-align:right}.dnb-table--center{text-align:center}.dnb-table--small,.dnb-table--small>tbody>tr>td,.dnb-table--small>thead>tr>th,.dnb-table--small>tr>td,.dnb-table--small>tr>th,.dnb-table>tbody>tr.dnb-table--small>td,.dnb-table>tbody>tr>td.dnb-table--small,.dnb-table>thead>tr.dnb-table--small>th,.dnb-table>thead>tr>th.dnb-table--small,.dnb-table>tr.dnb-table--small>td,.dnb-table>tr.dnb-table--small>th,.dnb-table>tr>td.dnb-table--small,.dnb-table>tr>th.dnb-table--small,.dnb-table__td.dnb-table--small,.dnb-table__th.dnb-table--small{font-size:1rem;font-size:var(--font-size-small)}.dnb-table--x-small,.dnb-table--x-small>tbody>tr>td,.dnb-table--x-small>thead>tr>th,.dnb-table--x-small>tr>td,.dnb-table--x-small>tr>th,.dnb-table>tbody>tr.dnb-table--x-small>td,.dnb-table>tbody>tr>td.dnb-table--x-small,.dnb-table>thead>tr.dnb-table--x-small>th,.dnb-table>thead>tr>th.dnb-table--x-small,.dnb-table>tr.dnb-table--x-small>td,.dnb-table>tr.dnb-table--x-small>th,.dnb-table>tr>td.dnb-table--x-small,.dnb-table>tr>th.dnb-table--x-small,.dnb-table__td.dnb-table--x-small,.dnb-table__th.dnb-table--x-small{font-size:.875rem;font-size:var(--font-size-x-small)}.dnb-table{--accordion-background:var(--color-white);--accordion-border-width:0.0625rem;--accordion-border:var(--accordion-border-width) solid var(--color-black-20)}.dnb-table__th.dnb-table__th__accordion-icon.dnb-table__th{padding:0}.dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__th.dnb-table__th__accordion-icon div{text-indent:-300vw;width:3.5rem}.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon div{width:3rem}.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon,.dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon div{width:2.5rem}.dnb-table__td.dnb-table__td__accordion-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dnb-table__td.dnb-table__td__accordion-icon.dnb-table__td{padding:0}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{color:#007272;color:var(--color-sea-green);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,html[data-visual-test]
|
|
11
|
-
.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon{-webkit-transition:none!important;transition:none!important}.dnb-table__tr--has-accordion-content,.dnb-table__tr__accordion_content{position:relative;z-index:2}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded,.dnb-table__tr--has-accordion-content:active,.dnb-table__tr--has-accordion-content:focus,.dnb-table__tr--has-accordion-content:hover,.dnb-table__tr__accordion_content{z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:after{border-bottom:none}.dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type):after{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled){outline:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:before{border:.125rem solid transparent;bottom:0;content:"";inset:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type):before{border-left:none}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type):before{border-right:none}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td:before{border-color:#14555a;border-color:var(--color-emerald-green)}html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td{background-color:#fff;background-color:var(--color-white)}html[data-whatinput=keyboard] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:before{border-color:#14555a;border-color:var(--color-emerald-green);bottom:0;top:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type:before{left:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type:before{right:0}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td:before,html:not([data-whatintent=touch]) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td:before{border-color:#14555a;border-color:var(--color-emerald-green);border-width:.0625rem}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td{background-color:#f2f4ec;background-color:var(--color-pistachio)}.dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon{color:#14555a;color:var(--color-emerald-green)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td{background-color:var(--accordion-background)}.dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td:before{border:none;border-top:var(--accordion-border)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover){background-color:var(--accordion-background)}html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td:before{border:none;border-top:var(--accordion-border)}.dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon{color:#b3dada;color:var(--color-sea-green-30)}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-table__tr__accordion_content[hidden]{display:block}}.dnb-table__tr__accordion_content td{width:calc(100% - 3.5rem)}.dnb-table__size--medium .dnb-table__tr__accordion_content td{width:calc(100% - 3rem)}.dnb-table__size--small .dnb-table__tr__accordion_content td{width:calc(100% - 2.5rem)}.dnb-table__tr__accordion_content td:before{border-bottom:var(--accordion-border);bottom:-.0625rem;bottom:calc(var(--accordion-border-width)*-1);content:"";left:0;pointer-events:none;position:absolute;right:0;top:auto}.dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td:before{border-bottom:none}.dnb-table--border .dnb-table__tr__accordion_content td:after{border-top:none}.dnb-table__tr__accordion_content__inner{overflow:hidden;position:relative;-webkit-transition:height .4s cubic-bezier(.42,0,0,1);transition:height .4s cubic-bezier(.42,0,0,1);-webkit-transition:height .4s var(--accordion-easing);transition:height .4s var(--accordion-easing);will-change:height}.dnb-table__tr__accordion_content__inner__spacing{padding:1rem;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:-webkit-transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1);transition:transform .5s cubic-bezier(.42,0,0,1),-webkit-transform .5s cubic-bezier(.42,0,0,1);-webkit-transition:-webkit-transform .5s var(--accordion-easing);transition:-webkit-transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing);transition:transform .5s var(--accordion-easing),-webkit-transform .5s var(--accordion-easing)}.dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing{-webkit-transform:translateY(0);transform:translateY(0)}.dnb-table__tr__accordion_content>td.dnb-table__td{padding:0}.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl,.dnb-table__tr__accordion_content>td.dnb-table__td .dnb-dl dt{margin:0}.dnb-table__tr__accordion_content--expanded>td.dnb-table__td{background-color:#fff;background-color:var(--color-white)}.dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td{background-color:var(--accordion-background);vertical-align:top}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}
|
|
12
|
+
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type:before,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:after,.dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type:before{border-radius:0 0 .5rem 0}.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:after,.dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td:before{border-radius:0 0 .5rem .5rem}.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled){cursor:pointer}.dnb-table__td-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.dnb-spacing .dnb-table dl,.dnb-spacing .dnb-table ol,.dnb-spacing .dnb-table p,.dnb-spacing .dnb-table pre,.dnb-spacing .dnb-table ul{margin-bottom:0;margin-top:0}
|
|
@@ -69,15 +69,19 @@
|
|
|
69
69
|
font-size: var(--font-size-small);
|
|
70
70
|
line-height: 1.25rem;
|
|
71
71
|
line-height: var(--line-height-small); }
|
|
72
|
-
.dnb-table > tbody > .dnb-table__tr:last-of-type > .dnb-table__td::after,
|
|
73
|
-
.dnb-table > tbody
|
|
72
|
+
.dnb-table:not(.dnb-table--outline) > tbody > .dnb-table__tr:last-of-type > .dnb-table__td::after,
|
|
73
|
+
.dnb-table:not(.dnb-table--outline) > tbody > .dnb-table__tr:last-of-type > .dnb-table__th::after,
|
|
74
|
+
.dnb-table:not(.dnb-table--outline) > tbody
|
|
74
75
|
> .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td::after {
|
|
75
76
|
content: '';
|
|
76
77
|
position: absolute;
|
|
78
|
+
top: 0;
|
|
77
79
|
left: 0;
|
|
78
80
|
right: 0;
|
|
79
81
|
bottom: 0;
|
|
80
|
-
|
|
82
|
+
z-index: 1;
|
|
83
|
+
pointer-events: none;
|
|
84
|
+
border-bottom: var(--border); }
|
|
81
85
|
|
|
82
86
|
.dnb-table__container {
|
|
83
87
|
background-color: #fff;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dnb-table{text-align:left}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);font-weight:500;font-weight:var(--font-weight-medium);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table>tr>th[scope=row],.dnb-table__td,.dnb-table__th,tbody>tr>.dnb-table__th{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td,tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:.875rem 1rem}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:.625rem 1rem}.dnb-table>tbody>.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td:after,.dnb-table>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after{border-bottom:var(--
|
|
1
|
+
.dnb-table{text-align:left}.dnb-table>thead>tr>th,.dnb-table>tr>th,.dnb-table__th{background-color:#fff;background-color:var(--color-white);font-weight:500;font-weight:var(--font-weight-medium);padding:2rem 1rem 1rem;vertical-align:bottom}.dnb-table>tbody>tr>td,.dnb-table>thead>tr>th,.dnb-table>tr>td,.dnb-table>tr>th,.dnb-table>tr>th[scope=row],.dnb-table__td,.dnb-table__th,tbody>tr>.dnb-table__th{color:currentColor;color:var(--theme-color-black-80,currentColor);font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis)}.dnb-table>tbody>tr>td,.dnb-table>tr>td,.dnb-table>tr>th[scope=row],.dnb-table__td,tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.375rem 1rem .875rem}.dnb-table__size--medium .dnb-table__th .dnb-button__text{line-height:inherit}.dnb-table__size--small .dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:1.25rem 1rem .5rem}tbody>tr>.dnb-table__th{padding:1rem;vertical-align:baseline}.dnb-table__size--medium tbody>tr>.dnb-table__td,.dnb-table__size--medium tbody>tr>.dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:.875rem 1rem}.dnb-table__size--small tbody>tr>.dnb-table__td,.dnb-table__size--small tbody>tr>.dnb-table__th{font-size:1rem;font-size:var(--font-size-small);line-height:1.25rem;line-height:var(--line-height-small);padding:.625rem 1rem}.dnb-table:not(.dnb-table--outline)>tbody>.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td:after,.dnb-table:not(.dnb-table--outline)>tbody>.dnb-table__tr:last-of-type>.dnb-table__td:after,.dnb-table:not(.dnb-table--outline)>tbody>.dnb-table__tr:last-of-type>.dnb-table__th:after{border-bottom:var(--border);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.dnb-table__container{background-color:#fff;background-color:var(--color-white)}.dnb-table,.dnb-table__container{--border-width:0.0625rem;--outline-width:0.0625rem;--border:var(--border-width) solid var(--color-black-8);--outline:var(--outline-width) solid var(--color-black-8)}html[data-visual-test] .dnb-table,html[data-visual-test] .dnb-table__container{--border:0.0625rem solid blue;--outline:0.0625rem solid red}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
@import '../../../../style/themes/imports.scss';
|
|
7
|
+
@import '../dnb-table-mixins.scss';
|
|
7
8
|
|
|
8
9
|
.dnb-table {
|
|
9
10
|
text-align: left;
|
|
@@ -97,23 +98,16 @@
|
|
|
97
98
|
}
|
|
98
99
|
}
|
|
99
100
|
|
|
100
|
-
// NB: In case we still would need a border on the table head row
|
|
101
|
-
// &:not(#{&}--border):not(#{&}--outline) > thead > tr > th::after,
|
|
102
|
-
// &:not(#{&}--border):not(#{&}--outline) > thead > &__tr > &__th::after,
|
|
103
|
-
|
|
104
101
|
// border
|
|
105
|
-
|
|
106
|
-
&
|
|
102
|
+
&:not(&--outline) > tbody > &__tr:last-of-type > &__td::after,
|
|
103
|
+
&:not(&--outline) > tbody > &__tr:last-of-type > &__th::after,
|
|
104
|
+
&:not(&--outline)
|
|
107
105
|
> tbody
|
|
108
106
|
> &__tr#{&}__tr--has-accordion-content:not(#{&}__tr--expanded):nth-last-child(2)
|
|
109
107
|
td::after {
|
|
110
|
-
|
|
111
|
-
position: absolute;
|
|
112
|
-
left: 0;
|
|
113
|
-
right: 0;
|
|
114
|
-
bottom: 0; // don't use negative value, else it will be hidden when accordion
|
|
108
|
+
@include tableBorder();
|
|
115
109
|
|
|
116
|
-
border-bottom: var(--
|
|
110
|
+
border-bottom: var(--border);
|
|
117
111
|
}
|
|
118
112
|
}
|
|
119
113
|
|