@dnb/eufemia 9.38.0 → 9.39.1

package/index.d.ts

@@ -24,6 +24,9 @@ import Ol from "./elements/Ol";
 import P from "./elements/P";
 import Paragraph from "./elements/Paragraph";
 import Span from "./elements/Span";
+import Td from "./elements/Td";
+import Th from "./elements/Th";
+import Tr from "./elements/Tr";
 import Ul from "./elements/Ul";
 import Accordion from "./components/accordion/Accordion";
 import Autocomplete from "./components/autocomplete/Autocomplete";
@@ -71,4 +74,4 @@ import ToggleButton from "./components/toggle-button/ToggleButton";
 import Tooltip from "./components/tooltip/Tooltip";
 import Upload from "./components/upload/Upload";
 import VisuallyHidden from "./components/visually-hidden/VisuallyHidden";
-export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };

package/index.js

@@ -22,6 +22,9 @@ import Ol from './elements/Ol';
 import P from './elements/P';
 import Paragraph from './elements/Paragraph';
 import Span from './elements/Span';
+import Td from './elements/Td';
+import Th from './elements/Th';
+import Tr from './elements/Tr';
 import Ul from './elements/Ul';
 import Accordion from './components/accordion/Accordion';
 import Autocomplete from './components/autocomplete/Autocomplete';
@@ -69,5 +72,5 @@ import ToggleButton from './components/toggle-button/ToggleButton';
 import Tooltip from './components/tooltip/Tooltip';
 import Upload from './components/upload/Upload';
 import VisuallyHidden from './components/visually-hidden/VisuallyHidden';
-export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
 export default {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnb/eufemia",
-  "version": "9.38.0",
+  "version": "9.39.1",
   "description": "DNB Eufemia Design System UI Library",
   "license": "SEE LICENSE IN LICENSE FILE",
   "author": "DNB Team & Tobias Høegh",

package/shared/Eufemia.js

@@ -10,7 +10,7 @@ export function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.38.0';
+          return '9.39.1';
         }
       }]);
 

package/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,