@dnb/eufemia 9.38.0-beta.1 → 9.39.0

package/cjs/style/themes/theme-ui/dnb-theme-ui.css

@@ -127,18 +127,21 @@ button.dnb-anchor {
 .dnb-anchor {
   display: inline;
   padding: 0.05575em 0.125em 0.05575em;
-  color: #007272;
-  color: var(--color-sea-green);
   font-size: 1.125rem;
   font-size: var(--font-size-basis);
   text-decoration: none;
+  border-radius: 0;
   -webkit-box-shadow: 0 0.09375rem 0 0 currentColor;
           box-shadow: 0 0.09375rem 0 0 currentColor;
-  border-radius: 0;
+  color: #007272;
+  color: var(--color-sea-green);
   -webkit-transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out, -webkit-box-shadow 180ms ease-in-out;
   transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out, -webkit-box-shadow 180ms ease-in-out;
   transition: background-color 200ms ease-in-out, box-shadow 180ms ease-in-out, border-radius 200ms ease-in-out;
   transition: background-color 200ms ease-in-out, box-shadow 180ms ease-in-out, border-radius 200ms ease-in-out, -webkit-box-shadow 180ms ease-in-out; }
+  sup .dnb-anchor,
+  sub .dnb-anchor {
+    padding: 0 0.025em 0; }
   .dnb-p .dnb-anchor,
   .dnb-lead .dnb-anchor,
   .dnb-h--xx-large .dnb-anchor,
@@ -367,6 +370,11 @@ a.dnb-button {
   font-size: 1rem;
   font-size: var(--font-size-small); }
 
+sup,
+sub {
+  font-size: 0.777777em;
+  line-height: 0.5em; }
+
 .dnb-p {
   font-size: 1.125rem;
   font-size: var(--font-size-basis);
@@ -443,6 +451,11 @@ a.dnb-button {
     line-height: var(--line-height-basis);
     font-style: italic; }
 
+.dnb-table b,
+.dnb-table strong {
+  font-weight: 500;
+  font-weight: var(--font-weight-medium); }
+
 .dnb-h--xx-large {
   font-size: 3rem;
   font-size: var(--font-size-xx-large);
@@ -4274,77 +4287,78 @@ html[data-whatinput='keyboard']
 /*
  * Utilities
  */
-.dnb-table {
-  /* stylelint-disable-next-line */
-  /* stylelint-disable-next-line */ }
-  .dnb-table > tr > th,
-  .dnb-table > tr > td,
-  .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; }
-  .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 > 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.188rem;
-    padding-bottom: calc(1rem * 1.188);
-    padding-bottom: calc(var(--spacing-small)*1.188);
-    padding-bottom: calc(var(--spacing-small) * 1.188);
-    /* 19/16 */
-    color: currentColor;
-    color: var(--theme-color-black-80, currentColor); }
-  .dnb-table > tbody > tr,
-  .dnb-table .dnb-table__tr,
-  .dnb-table .dnb-table__tr--even {
-    background-color: #f2f2f5;
-    background-color: var(--color-lavender); }
-  .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),
-  .dnb-table .dnb-table__tr--odd {
-    background-color: #fff;
-    background-color: var(--color-white); }
-  .dnb-table > thead > tr > th::after,
-  .dnb-table > tbody > tr:last-of-type > td::after,
-  .dnb-table > thead > .dnb-table__tr > .dnb-table__th::after,
-  .dnb-table > tbody > .dnb-table__tr:last-of-type > .dnb-table__td::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: -1px;
-    height: 1px;
-    background-color: #ebebeb;
-    background-color: var(--color-black-8); }
+.dnb-table > tr > th,
+.dnb-table > thead > tr > th, .dnb-table__th {
+  padding: 2rem 1rem 1rem;
+  font-weight: 500;
+  font-weight: var(--font-weight-medium);
+  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);
+  vertical-align: bottom;
+  background-color: #fff;
+  background-color: var(--color-white); }
+
+.dnb-table > tr > td,
+.dnb-table > tbody > tr > td, .dnb-table__td,
+.dnb-table > tr > th[scope='row'] {
+  padding: 1rem;
+  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);
+  vertical-align: baseline; }
+
+.dnb-table__size--medium .dnb-table__th {
+  padding: 1.375rem 1rem 0.875rem;
+  font-size: 1rem;
+  font-size: var(--font-size-small);
+  line-height: 1.25rem;
+  line-height: var(--line-height-small); }
+
+.dnb-table__size--small .dnb-table__th {
+  padding: 1.25rem 1rem 0.5rem;
+  font-size: 1rem;
+  font-size: var(--font-size-small);
+  line-height: 1.25rem;
+  line-height: var(--line-height-small); }
+
+.dnb-table__size--medium .dnb-table__td {
+  padding: 0.875rem 1rem; }
+  .dnb-table__size--medium .dnb-table__td,
+  .dnb-table__size--medium .dnb-table__td .dnb-p {
+    font-size: 1rem;
+    font-size: var(--font-size-small);
+    line-height: 1.25rem;
+    line-height: var(--line-height-small); }
+
+.dnb-table__size--small .dnb-table__td {
+  padding: 0.625rem 1rem; }
+  .dnb-table__size--small .dnb-table__td,
+  .dnb-table__size--small .dnb-table__td .dnb-p {
+    font-size: 1rem;
+    font-size: var(--font-size-small);
+    line-height: 1.25rem;
+    line-height: var(--line-height-small); }
+
+.dnb-table:not(.dnb-table--border):not(.dnb-table--outline) > tbody
+> tr:last-of-type
+> td::after,
+.dnb-table:not(.dnb-table--border):not(.dnb-table--outline) > tbody
+> .dnb-table__tr:last-of-type > .dnb-table__td::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -0.0625rem;
+  height: 0.0625rem;
+  background-color: #ebebeb;
+  background-color: var(--color-black-8); }
 
 /*
 * Tabs theme