@dnb/eufemia 9.38.0 → 9.39.0

package/cjs/elements/index.js

@@ -147,6 +147,30 @@ Object.defineProperty(exports, "Span", {
     return _Span.default;
   }
 });
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table.default;
+  }
+});
+Object.defineProperty(exports, "Td", {
+  enumerable: true,
+  get: function get() {
+    return _Td.default;
+  }
+});
+Object.defineProperty(exports, "Th", {
+  enumerable: true,
+  get: function get() {
+    return _Th.default;
+  }
+});
+Object.defineProperty(exports, "Tr", {
+  enumerable: true,
+  get: function get() {
+    return _Tr.default;
+  }
+});
 Object.defineProperty(exports, "Ul", {
   enumerable: true,
   get: function get() {
@@ -202,6 +226,14 @@ var _Paragraph = _interopRequireDefault(require("./Paragraph"));
 
 var _Span = _interopRequireDefault(require("./Span"));
 
+var _Table = _interopRequireDefault(require("./Table"));
+
+var _Td = _interopRequireDefault(require("./Td"));
+
+var _Th = _interopRequireDefault(require("./Th"));
+
+var _Tr = _interopRequireDefault(require("./Tr"));
+
 var _Ul = _interopRequireDefault(require("./Ul"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/elements/lib.d.ts

@@ -49,6 +49,9 @@ export function getElements(): {
         tagName: string;
     };
     Span: import("react").FC<import("./Span").SpanProps>;
+    Td: typeof Td;
+    Th: typeof Th;
+    Tr: typeof Tr;
     Ul: ({ nested, inside, outside, ...p }?: import("./Ul").UlAllProps) => JSX.Element;
 };
 import Anchor from "./Anchor";
@@ -75,5 +78,8 @@ import Ol from "./Ol";
 import P from "./P";
 import Paragraph from "./Paragraph";
 import Span from "./Span";
+import Td from "./Td";
+import Th from "./Th";
+import Tr from "./Tr";
 import Ul from "./Ul";
-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 };
+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 };

package/cjs/elements/lib.js

@@ -147,6 +147,24 @@ Object.defineProperty(exports, "Span", {
     return _Span.default;
   }
 });
+Object.defineProperty(exports, "Td", {
+  enumerable: true,
+  get: function get() {
+    return _Td.default;
+  }
+});
+Object.defineProperty(exports, "Th", {
+  enumerable: true,
+  get: function get() {
+    return _Th.default;
+  }
+});
+Object.defineProperty(exports, "Tr", {
+  enumerable: true,
+  get: function get() {
+    return _Tr.default;
+  }
+});
 Object.defineProperty(exports, "Ul", {
   enumerable: true,
   get: function get() {
@@ -203,6 +221,12 @@ var _Paragraph = _interopRequireDefault(require("./Paragraph"));
 
 var _Span = _interopRequireDefault(require("./Span"));
 
+var _Td = _interopRequireDefault(require("./Td"));
+
+var _Th = _interopRequireDefault(require("./Th"));
+
+var _Tr = _interopRequireDefault(require("./Tr"));
+
 var _Ul = _interopRequireDefault(require("./Ul"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -233,6 +257,9 @@ var getElements = function getElements() {
     P: _P.default,
     Paragraph: _Paragraph.default,
     Span: _Span.default,
+    Td: _Td.default,
+    Th: _Th.default,
+    Tr: _Tr.default,
     Ul: _Ul.default
   };
 };

package/cjs/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/cjs/index.js

@@ -387,12 +387,24 @@ Object.defineProperty(exports, "Tag", {
     return _Tag.default;
   }
 });
+Object.defineProperty(exports, "Td", {
+  enumerable: true,
+  get: function get() {
+    return _Td.default;
+  }
+});
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function get() {
     return _Textarea.default;
   }
 });
+Object.defineProperty(exports, "Th", {
+  enumerable: true,
+  get: function get() {
+    return _Th.default;
+  }
+});
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
   get: function get() {
@@ -411,6 +423,12 @@ Object.defineProperty(exports, "Tooltip", {
     return _Tooltip.default;
   }
 });
+Object.defineProperty(exports, "Tr", {
+  enumerable: true,
+  get: function get() {
+    return _Tr.default;
+  }
+});
 Object.defineProperty(exports, "Ul", {
   enumerable: true,
   get: function get() {
@@ -479,6 +497,12 @@ var _Paragraph = _interopRequireDefault(require("./elements/Paragraph"));
 
 var _Span = _interopRequireDefault(require("./elements/Span"));
 
+var _Td = _interopRequireDefault(require("./elements/Td"));
+
+var _Th = _interopRequireDefault(require("./elements/Th"));
+
+var _Tr = _interopRequireDefault(require("./elements/Tr"));
+
 var _Ul = _interopRequireDefault(require("./elements/Ul"));
 
 var _Accordion = _interopRequireDefault(require("./components/accordion/Accordion"));

package/cjs/shared/Eufemia.js

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

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