@digigov/ui 1.0.0-002c630d → 1.0.0-6b93ebf2

package/app/Header/__snapshots__/index.spec.tsx.snap

@@ -48,8 +48,5 @@ exports[`renders the header with logo, title and subtitle  1`] = `
   >
     A title
   </ForwardRef(HeaderTitle)>
-  <ForwardRef(HeaderSubtitle)>
-    A subtitle
-  </ForwardRef(HeaderSubtitle)>
 </ForwardRef(Header)>
 `;

package/app/Header/index.d.ts

@@ -6,5 +6,4 @@ export * from '@digigov/ui/app/Header/HeaderSection';
 export * from '@digigov/ui/app/Header/HeaderContent';
 export * from '@digigov/ui/app/Header/HeaderNavMenuContent';
 export * from '@digigov/ui/app/Header/HeaderSecondaryLogo';
-export * from '@digigov/ui/app/Header/HeaderSubtitle';
 export default Header;

package/app/Header/index.js

@@ -106,20 +106,6 @@ Object.keys(_HeaderSecondaryLogo).forEach(function (key) {
   });
 });
 
-var _HeaderSubtitle = require("@digigov/ui/app/Header/HeaderSubtitle");
-
-Object.keys(_HeaderSubtitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _HeaderSubtitle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _HeaderSubtitle[key];
-    }
-  });
-});
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/app/Header/index.spec.js

@@ -21,7 +21,7 @@ var _ref = /*#__PURE__*/React.createElement(_Header["default"], null, /*#__PURE_
   altText: "govgr logo"
 }), /*#__PURE__*/React.createElement(_Header.HeaderTitle, {
   href: "/some-url"
-}, "A title"), /*#__PURE__*/React.createElement(_Header.HeaderSubtitle, null, "A subtitle"));
+}, "A title"));
 
 it('renders the header with logo, title and subtitle ', function () {
   expect(_ref).toMatchSnapshot();

package/app/Masthead/Masthead.stories.playwright.json

@@ -8,7 +8,7 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>div>div>main>a"
+                "selector": "html>body>div:nth-child(5)>section>div>div>main>a"
               }
             }
           ],

package/app/NotFound/index.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,19 +11,21 @@ exports["default"] = exports.NotFound = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _PageTitle = _interopRequireDefault(require("@digigov/react-core/PageTitle"));
+var _i18n = require("@digigov/ui/i18n");
+
+var _PageTitle = _interopRequireWildcard(require("@digigov/ui/app/PageTitle"));
 
-var _PageTitleHeading = _interopRequireDefault(require("@digigov/react-core/PageTitleHeading"));
+var _Paragraph = require("@digigov/ui/typography/Paragraph");
 
-var _Paragraph = _interopRequireDefault(require("@digigov/react-core/Paragraph"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-var _i18n = require("@digigov/ui/i18n");
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var NotFound = function NotFound() {
   var _useTranslation = (0, _i18n.useTranslation)(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PageTitle["default"], null, /*#__PURE__*/_react["default"].createElement(_PageTitleHeading["default"], null, t('notfound.page_not_found'))), /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, t('notfound.wrong_key_address')), /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, t('notfound.wrong_cp_address')), /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, t('notfound.service_contact')));
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PageTitle["default"], null, /*#__PURE__*/_react["default"].createElement(_PageTitle.PageTitleHeading, null, t('notfound.page_not_found'))), /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, t('notfound.wrong_key_address')), /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, t('notfound.wrong_cp_address')), /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, t('notfound.service_contact')));
 };
 
 exports.NotFound = NotFound;

package/app/PageTitle/index.d.ts

@@ -1,6 +1,5 @@
-import PageTitle from '@digigov/react-core/PageTitle';
-export * from '@digigov/react-core/PageTitle';
-export * from '@digigov/react-core/PageTitleCaption';
+import Section from '@digigov/react-core/Section';
+export { default as PageTitle } from '@digigov/react-core/Section';
 export * from '@digigov/react-core/PageTitleHeading';
-export * from '@digigov/react-core/PageTitleSection';
-export default PageTitle;
+export * from '@digigov/react-core/Section';
+export default Section;

package/app/PageTitle/index.js

@@ -5,33 +5,27 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
-exports["default"] = void 0;
-
-var _PageTitle = _interopRequireWildcard(require("@digigov/react-core/PageTitle"));
-
-Object.keys(_PageTitle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PageTitle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PageTitle[key];
-    }
-  });
+var _exportNames = {
+  PageTitle: true
+};
+Object.defineProperty(exports, "PageTitle", {
+  enumerable: true,
+  get: function get() {
+    return _Section["default"];
+  }
 });
+exports["default"] = void 0;
 
-var _PageTitleCaption = require("@digigov/react-core/PageTitleCaption");
+var _Section = _interopRequireWildcard(require("@digigov/react-core/Section"));
 
-Object.keys(_PageTitleCaption).forEach(function (key) {
+Object.keys(_Section).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PageTitleCaption[key]) return;
+  if (key in exports && exports[key] === _Section[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _PageTitleCaption[key];
+      return _Section[key];
     }
   });
 });
@@ -50,23 +44,9 @@ Object.keys(_PageTitleHeading).forEach(function (key) {
   });
 });
 
-var _PageTitleSection = require("@digigov/react-core/PageTitleSection");
-
-Object.keys(_PageTitleSection).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PageTitleSection[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PageTitleSection[key];
-    }
-  });
-});
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _default = _PageTitle["default"];
+var _default = _Section["default"];
 exports["default"] = _default;

package/app/{Confirmation/Confirmation.stories.d.ts → Panel/Panel.stories.d.ts}

@@ -2,9 +2,9 @@ declare namespace _default {
     export const title: string;
     export const description: string;
     export const link: string;
-    export { Confirmation as component };
+    export { Panel as component };
     export const displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/app/Confirmation/__stories__/Default";
-import Confirmation from "@digigov/ui/app/Confirmation";
+export * from "@digigov/ui/app/Panel/__stories__/Default";
+import Panel from "@digigov/ui/app/Panel";

package/app/{Confirmation/Confirmation.stories.js → Panel/Panel.stories.js}

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Confirmation = _interopRequireDefault(require("@digigov/ui/app/Confirmation"));
+var _Panel = _interopRequireDefault(require("@digigov/ui/app/Panel"));
 
-var _Default = require("@digigov/ui/app/Confirmation/__stories__/Default");
+var _Default = require("@digigov/ui/app/Panel/__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,10 +24,10 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 var _default = {
-  title: 'Digigov UI/app/Confirmation',
-  description: 'You should use it in a confirmation page at the end of a transaction.',
-  link: 'https://guide.services.gov.gr/docs/components/confirmation-message',
-  component: _Confirmation["default"],
-  displayName: 'Confirmation'
+  title: 'Digigov UI/app/Panel',
+  description: 'You should use it as the success of the final step of a process.',
+  link: 'https://guide.services.gov.gr/docs/components/panel-message',
+  component: _Panel["default"],
+  displayName: 'Panel'
 };
 exports["default"] = _default;

package/app/Panel/__stories__/Default.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Panel = require("@digigov/ui/app/Panel");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Panel.Panel, null, /*#__PURE__*/_react["default"].createElement(_Panel.PanelTitle, null, "\u0397 \u03C6\u03CC\u03C1\u03BC\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03CE\u03C2"), /*#__PURE__*/_react["default"].createElement(_Panel.PanelBody, null, "\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5 ", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("strong", null, "HDJ2123F")));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/app/Panel/index.d.ts

@@ -0,0 +1,5 @@
+export * from '@digigov/react-core/Panel';
+export * from '@digigov/react-core/PanelBody';
+export * from '@digigov/react-core/PanelTitle';
+import Panel from '@digigov/react-core/Panel';
+export default Panel;

package/app/{Confirmation → Panel}/index.js

@@ -8,44 +8,44 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Confirmation = _interopRequireWildcard(require("@digigov/react-core/Confirmation"));
+var _Panel = _interopRequireWildcard(require("@digigov/react-core/Panel"));
 
-Object.keys(_Confirmation).forEach(function (key) {
+Object.keys(_Panel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Confirmation[key]) return;
+  if (key in exports && exports[key] === _Panel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Confirmation[key];
+      return _Panel[key];
     }
   });
 });
 
-var _ConfirmationBody = require("@digigov/react-core/ConfirmationBody");
+var _PanelBody = require("@digigov/react-core/PanelBody");
 
-Object.keys(_ConfirmationBody).forEach(function (key) {
+Object.keys(_PanelBody).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ConfirmationBody[key]) return;
+  if (key in exports && exports[key] === _PanelBody[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _ConfirmationBody[key];
+      return _PanelBody[key];
     }
   });
 });
 
-var _ConfirmationTitle = require("@digigov/react-core/ConfirmationTitle");
+var _PanelTitle = require("@digigov/react-core/PanelTitle");
 
-Object.keys(_ConfirmationTitle).forEach(function (key) {
+Object.keys(_PanelTitle).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ConfirmationTitle[key]) return;
+  if (key in exports && exports[key] === _PanelTitle[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _ConfirmationTitle[key];
+      return _PanelTitle[key];
     }
   });
 });
@@ -54,5 +54,5 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var _default = _Confirmation["default"];
+var _default = _Panel["default"];
 exports["default"] = _default;

package/app/Panel/index.mdx

@@ -0,0 +1,20 @@
+---
+id: panel
+title: Panel
+---
+
+```bash
+import Panel from '@digigov/ui/app/Panel';
+```
+
+## How to use
+
+<Story
+  packageName="@digigov/ui"
+  component="app/Panel"
+  story="Default.tsx"
+/>
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Panel" />

package/app/ThemeOptions/index.js

@@ -206,7 +206,7 @@ var ThemeOptions = /*#__PURE__*/_react["default"].forwardRef(function ThemeOptio
   }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2")))), fontSizeOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
     marginBottom: 4
   }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, _ref3, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
-    inline: true
+    layout: "horizontal"
   }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
     name: "font-size",
     value: "no",
@@ -224,7 +224,7 @@ var ThemeOptions = /*#__PURE__*/_react["default"].forwardRef(function ThemeOptio
   }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF")))), lineHeightOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
     marginBottom: 4
   }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, _ref4, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
-    inline: true
+    layout: "horizontal"
   }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
     name: "line-height",
     value: "no",
@@ -242,7 +242,7 @@ var ThemeOptions = /*#__PURE__*/_react["default"].forwardRef(function ThemeOptio
   }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF")))), letterSpacingOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
     marginBottom: 4
   }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, _ref5, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
-    inline: true
+    layout: "horizontal"
   }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
     name: "letter-spacing",
     value: "no",
@@ -260,7 +260,7 @@ var ThemeOptions = /*#__PURE__*/_react["default"].forwardRef(function ThemeOptio
   }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7")))), highlightLinksOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
     marginBottom: 4
   }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, _ref6, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
-    inline: true
+    layout: "horizontal"
   }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
     name: "highlight-links",
     value: "no",

package/app/index.d.ts

@@ -2,7 +2,7 @@ export * from '@digigov/ui/app/App';
 export * from '@digigov/ui/app/AccessibilityMenu';
 export * from '@digigov/ui/app/BannerContainer';
 export * from '@digigov/ui/app/BottomInfo';
-export * from '@digigov/ui/app/Confirmation';
+export * from '@digigov/ui/app/Panel';
 export * from '@digigov/ui/app/FilterSection';
 export * from '@digigov/ui/app/Footer';
 export * from '@digigov/ui/app/Header';

package/app/index.js

@@ -56,15 +56,15 @@ Object.keys(_BottomInfo).forEach(function (key) {
   });
 });
 
-var _Confirmation = require("@digigov/ui/app/Confirmation");
+var _Panel = require("@digigov/ui/app/Panel");
 
-Object.keys(_Confirmation).forEach(function (key) {
+Object.keys(_Panel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Confirmation[key]) return;
+  if (key in exports && exports[key] === _Panel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Confirmation[key];
+      return _Panel[key];
     }
   });
 });

package/content/Table/Table.stories.d.ts

@@ -19,6 +19,7 @@ export * from "./__stories__/DarkVariantWithVerticalHeaders";
 export * from "./__stories__/WithLoader";
 export * from "./__stories__/DefinedWidth";
 export * from "./__stories__/Densed";
+export * from "./__stories__/RowColors";
 export * from "./__stories__/MultipleProps";
 export * from "./__stories__/WithSortFilters";
 export * from "./__stories__/WithFloatingScroll";

package/content/Table/Table.stories.js

@@ -192,6 +192,20 @@ Object.keys(_Densed).forEach(function (key) {
   });
 });
 
+var _RowColors = require("./__stories__/RowColors");
+
+Object.keys(_RowColors).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RowColors[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RowColors[key];
+    }
+  });
+});
+
 var _MultipleProps = require("./__stories__/MultipleProps");
 
 Object.keys(_MultipleProps).forEach(function (key) {

package/content/Table/__stories__/DarkVariant.js

@@ -39,7 +39,7 @@ var data = {
 
 var DarkVariant = function DarkVariant() {
   return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
-    variant: "dark"
+    headerVariant: "dark"
   }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
     return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
       key: key

package/content/Table/__stories__/DarkVariantWithVerticalHeaders.js

@@ -39,7 +39,7 @@ var data = {
 
 var DarkVariantWithVerticalHeaders = function DarkVariantWithVerticalHeaders() {
   return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
-    variant: "dark"
+    headerVariant: "dark"
   }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
     return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
       key: key

package/content/Table/__stories__/Full.js

@@ -67,8 +67,8 @@ var data = {
 
 var Full = function Full() {
   return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
-    zebra: true,
-    variant: "dark",
+    variant: "zebra",
+    headerVariant: "dark",
     verticalBorders: true,
     dense: true,
     stacked: "sm"

package/content/Table/__stories__/MultipleProps.js

@@ -54,8 +54,8 @@ var data = {
 
 var MultipleProps = function MultipleProps() {
   return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
-    zebra: true,
-    variant: "dark",
+    variant: "zebra",
+    headerVariant: "dark",
     verticalBorders: true
   }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, data.labels.product), /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
     dataType: "numeric"

package/content/Table/__stories__/RowColors.d.ts

@@ -0,0 +1,2 @@
+export declare const RowColors: () => JSX.Element;
+export default RowColors;

package/content/Table/__stories__/RowColors.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RowColors = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Table = require("@digigov/ui/content/Table");
+
+var _Link = _interopRequireDefault(require("@digigov/ui/navigation/Link"));
+
+var data = {
+  title: 'Ειδοποιήσεις',
+  labels: {
+    date: 'Ημερομηνία',
+    title: 'Τίτλος',
+    actions: 'Ενέργειες'
+  },
+  content: [{
+    date: '24-07-23 16:34',
+    title: 'Ειδοποίηση',
+    actions: 'λεπτομέρειες',
+    "new": true
+  }, {
+    date: '24-07-23 12:41',
+    title: 'Μήνυμα υπηρεσίας',
+    actions: 'λεπτομέρειες',
+    "new": true
+  }, {
+    date: '24-07-23 12:40',
+    title: 'Μήνυμα από τον διαχειριστή',
+    actions: 'λεπτομέρειες',
+    "new": false
+  }, {
+    date: '23-07-23 15:14',
+    title: 'Έχετε συνδεθεί',
+    actions: 'λεπτομέρειες',
+    "new": false
+  }, {
+    date: '23-07-23 13:25',
+    title: 'Ο κωδικός άλλαξε',
+    actions: 'λεπτομέρειες',
+    "new": false
+  }]
+};
+
+var RowColors = function RowColors() {
+  return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
+    variant: "default"
+  }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
+    return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
+      key: key
+    }, data.labels[key]);
+  }))), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, data.content && data.content.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
+      key: index,
+      color: item["new"] ? 'primary' : 'secondary'
+    }, /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
+      "data-label": data.labels.date
+    }, item.date), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
+      "data-label": data.labels.title
+    }, item.title), /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
+      "data-label": data.labels.actions
+    }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      href: "#"
+    }, item.actions)));
+  })))));
+};
+
+exports.RowColors = RowColors;
+var _default = RowColors;
+exports["default"] = _default;

package/content/Table/__stories__/ZebraProp.js

@@ -39,7 +39,7 @@ var data = {
 
 var ZebraProp = function ZebraProp() {
   return /*#__PURE__*/_react["default"].createElement(_Table.TableContainer, null, /*#__PURE__*/_react["default"].createElement(_Table.Table, {
-    zebra: true
+    variant: "zebra"
   }, data && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Table.TableCaption, null, data.title), /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, data.labels && Object.keys(data.labels).map(function (key) {
     return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
       key: key