@dnb/eufemia 9.38.0 → 9.39.0

package/es/style/dnb-ui-components.css

@@ -7257,26 +7257,6 @@ span.dnb-space--no-collapse > span {
 * Table component
 *
 */
-.dnb-table > tr > th,
-.dnb-table > thead > tr > th, .dnb-table__th {
-  padding: 3rem 1rem 0.5rem;
-  padding: var(--spacing-x-large) var(--spacing-small) var(--spacing-x-small);
-  font-weight: 500;
-  font-weight: var(--font-weight-medium);
-  color: #000;
-  color: var(--color-black);
-  vertical-align: bottom;
-  background-color: #fff;
-  background-color: var(--color-white); }
-  .dnb-table > tr > th:not([align]),
-  .dnb-table > thead > tr > th:not([align]), .dnb-table__th:not([align]) {
-    text-align: inherit; }
-  @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
-    .dnb-table > tr > th,
-    .dnb-table > thead > tr > th, .dnb-table__th {
-      padding-bottom: calc(0.5rem - 0.5px);
-      padding-bottom: calc(var(--spacing-x-small) - 0.5px); } }
-
 .dnb-table__th__horizontal {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -7292,22 +7272,6 @@ span.dnb-space--no-collapse > span {
 .dnb-table {
   --border: 0.0625rem solid var(--color-black-8);
   --outline: 0.0625rem solid var(--color-black-8); }
-  .dnb-table > tr > td,
-  .dnb-table > tbody > tr > td, .dnb-table__td,
-  .dnb-table > tr > th[scope='row'] {
-    padding: 1rem;
-    padding: var(--spacing-small);
-    padding-top: 1.25rem;
-    padding-top: calc(1rem * 1.25);
-    padding-top: calc(var(--spacing-small)*1.25);
-    padding-top: calc(var(--spacing-small) * 1.25);
-    padding-bottom: 1.25rem;
-    padding-bottom: calc(1rem * 1.25);
-    padding-bottom: calc(var(--spacing-small)*1.25);
-    padding-bottom: calc(var(--spacing-small) * 1.25);
-    color: currentColor;
-    color: var(--theme-color-black-80, currentColor);
-    vertical-align: baseline; }
   .dnb-table--border tbody .dnb-table__td {
     z-index: 2; }
     .dnb-table--border tbody .dnb-table__td::after {
@@ -7392,8 +7356,8 @@ span.dnb-space--no-collapse > span {
 .dnb-table > tbody > tr,
 .dnb-table .dnb-table__tr,
 .dnb-table .dnb-table__tr--even {
-  background-color: #f2f2f5;
-  background-color: var(--color-lavender); }
+  background-color: #f8f8f8;
+  background-color: var(--color-black-3); }
 
 .dnb-table > tbody > tr:not(.dnb-table__tr--even):nth-of-type(2n),
 .dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),
@@ -7418,10 +7382,6 @@ span.dnb-space--no-collapse > span {
 .dnb-table > thead > tr > th,
 .dnb-table > tbody > tr > td, .dnb-table__th, .dnb-table__td {
   position: relative;
-  font-size: 1.125rem;
-  font-size: var(--font-size-basis);
-  line-height: 1.5rem;
-  line-height: var(--line-height-basis);
   border-spacing: 0;
   word-break: keep-all; }
 
@@ -7507,8 +7467,7 @@ span.dnb-space--no-collapse > span {
   width: 100%;
   overflow: auto;
   margin-top: 0;
-  margin-bottom: 1rem;
-  margin-bottom: var(--spacing-small);
+  margin-bottom: 0.5rem;
   border-spacing: 0;
   border-collapse: collapse;
   /* stylelint-disable */
@@ -7525,11 +7484,10 @@ span.dnb-space--no-collapse > span {
   .dnb-table--center {
     text-align: center; }
   .dnb-table > caption {
-    font-size: 1rem;
-    font-size: var(--font-size-small);
+    caption-side: bottom;
     margin-top: 0.5rem;
-    margin-top: var(--spacing-x-small);
-    caption-side: bottom; }
+    font-size: 1.125rem;
+    font-size: var(--font-size-basis); }
   .dnb-table--small,
   .dnb-table--small > tr > th,
   .dnb-table--small > tr > td,
@@ -7573,8 +7531,8 @@ span.dnb-space--no-collapse > span {
     -webkit-text-fill-color: var(--skeleton-color); }
   .dnb-table > thead > tr > th.dnb-table--sortable,
   .dnb-table .dnb-table__th.dnb-table--sortable {
-    color: #14555a;
-    color: var(--color-emerald-green); }
+    color: #007272;
+    color: var(--color-sea-green); }
     .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button,
     .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button {
       position: relative;
@@ -7621,8 +7579,8 @@ span.dnb-space--no-collapse > span {
       .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text::after,
       .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text::after {
         opacity: 1;
-        color: #14555a;
-        color: var(--color-emerald-green); }
+        color: #007272;
+        color: var(--color-sea-green); }
       html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled], html:not([data-whatintent='touch'])
       .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled] {
         cursor: not-allowed; }
@@ -7676,8 +7634,8 @@ span.dnb-space--no-collapse > span {
       .dnb-table .dnb-table__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]) {
-        color: #14555a;
-        color: var(--color-emerald-green); }
+        color: #007272;
+        color: var(--color-sea-green); }
         .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 > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
         .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,