@digigov/ui 1.0.0-88820b1e → 1.0.0-8bbf3ef2

package/navigation/Tabs/__stories__/Default.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Default = Default;
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _SummaryList = require("@digigov/ui/content/SummaryList");
@@ -29,21 +31,31 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   element: "h3"
 }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7");
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, ' ', /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   href: "#"
-}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, ' ', /*#__PURE__*/_react["default"].createElement(_Link.Link, null, ' ', "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))));
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, null, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))));
 
 var _ref4 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "md",
   element: "h3"
-}, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2");
+}, "\u039F\u03B9 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2 \u03C4\u03BF\u03C5\u03C2");
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+  size: "md",
+  element: "h3"
+}, "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC");
 
 function Default() {
   var _useTabs = (0, _Tabs.useTabs)(),
       register = _useTabs.register,
+      opened = _useTabs.opened,
       panel = _useTabs.panel;
 
-  return /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs, null, _ref, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsList, null, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('a'), "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('b'), "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('a'), _ref2, _ref3), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('b'), _ref4, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"));
+  return /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs, null, _ref, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsList, null, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, (0, _extends2["default"])({}, register('citizen'), {
+    open: Object.keys(opened).length === 0 || opened['citizen']
+  }), "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('cases'), "\u039F\u03B9 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2 \u03C4\u03BF\u03C5\u03C2"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('history'), "\u0399\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03CC")), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, (0, _extends2["default"])({}, panel('citizen'), {
+    active: Object.keys(opened).length === 0 || opened['citizen']
+  }), _ref2, _ref3), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('cases'), _ref4, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('history'), _ref5, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03B9\u03C3\u03C4\u03BF\u03C1\u03B9\u03BA\u03BF\u03CD"));
 }
 
 var _default = Default;

package/navigation/Tabs/index.mdx

@@ -13,6 +13,12 @@ import Tabs from '@digigov/ui/navigation/Tabs';
 
 <Story packageName="@digigov/ui" component="navigation/Tabs" story="Default.tsx" />
 
+## Accessibility
+
+You can read more about the accessibility patterns used in our Tabs
+implementation in the ARIA Authoring Practices Guide (APG) at [Tabs](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/) section.
+
+
 ## API
 
 <PropTypes packageName="@digigov/ui" component="Tabs" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "1.0.0-88820b1e",
+  "version": "1.0.0-8bbf3ef2",
   "description": "@digigov reusable components toolkit",
   "main": "./index.js",
   "module": "./esm/index.js",
@@ -9,11 +9,11 @@
   },
   "dependencies": {
     "google-libphonenumber": "3.2.8",
-    "@uides/react-qr-reader": "2.3.1-rc",
+    "@uides/react-qr-reader": "2.3.1-rc-rc.2",
     "react-query": "2.26.4",
     "yup": "0.32.11",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.0.0-88820b1e"
+    "@digigov/react-icons": "1.0.0-8bbf3ef2"
   },
   "peerDependencies": {
     "@material-ui/core": "4.11.3",
@@ -21,7 +21,7 @@
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "1.0.0-88820b1e"
+    "@digigov/react-core": "1.0.0-8bbf3ef2"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry.d.ts

@@ -117,6 +117,8 @@ declare var _default: {
     '@digigov/ui/i18n/locales/el': {};
     '@digigov/ui/i18n/locales/en': {};
     '@digigov/ui/icons/Icon': {};
+    '@digigov/ui/icons/ImageLogo': {};
+    '@digigov/ui/icons/ImageLogoSet': {};
     '@digigov/ui/icons': {};
     '@digigov/ui': {};
     '@digigov/ui/layouts/Admin': {};
@@ -148,26 +150,8 @@ declare var _default: {
     '@digigov/ui/navigation/NavList': {};
     '@digigov/ui/navigation/NavList/Nav': {};
     '@digigov/ui/navigation/NavList/NavList': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListBaseAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAnchorAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListItemButtonAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListMenuAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListSubMenuAuto': {};
-    '@digigov/ui/navigation/NavList/NavListItem': {};
-    '@digigov/ui/navigation/NavList/NavListItemBase': {};
-    '@digigov/ui/navigation/NavList/NavListItemButton': {};
-    '@digigov/ui/navigation/NavList/NavListItemLink': {};
-    '@digigov/ui/navigation/NavList/NavMenu': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainer': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainerContent': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainerContentList': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainerContentListItem': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainerTitle': {};
-    '@digigov/ui/navigation/NavList/NavVertical': {};
-    '@digigov/ui/navigation/NavList/NavVerticalItem': {};
+    '@digigov/ui/navigation/NavList/NavListAuto': {};
+    '@digigov/ui/navigation/NavList/NavMenuContentList': {};
     '@digigov/ui/navigation/NavList/types': {};
     '@digigov/ui/navigation/Pagination': {};
     '@digigov/ui/navigation/SkipLink': {};
@@ -193,11 +177,13 @@ declare var _default: {
     '@digigov/ui/utils/Kitchensink/KitchensinkComponent': {};
     '@digigov/ui/utils/Kitchensink/KitchensinkDashboard': {};
     '@digigov/ui/utils/SvgIcon': {};
+    '@digigov/ui/utils/Typography': {};
     '@digigov/ui/utils/VisuallyHidden': {};
     '@digigov/ui/utils/withDeprecation': {};
 };
 export default _default;
 export const stories: {
+    '@digigov/ui/app/BannerContainer/BannerContainer.stories': typeof _digigov_ui_app_BannerContainer_BannerContainer_stories;
     '@digigov/ui/app/Footer/Footer.stories': typeof _digigov_ui_app_Footer_Footer_stories;
     '@digigov/ui/app/Header/Header.stories': typeof _digigov_ui_app_Header_Header_stories;
     '@digigov/ui/app/Loader/Loader.stories': typeof _digigov_ui_app_Loader_Loader_stories;
@@ -231,7 +217,7 @@ export const stories: {
     '@digigov/ui/form/ErrorMessage/ErrorMessage.stories': typeof _digigov_ui_form_ErrorMessage_ErrorMessage_stories;
     '@digigov/ui/form/FileUpload/FileUpload.stories': typeof _digigov_ui_form_FileUpload_FileUpload_stories;
     '@digigov/ui/form/RadioContainer/RadioContainer.stories': typeof _digigov_ui_form_RadioContainer_RadioContainer_stories;
-    '@digigov/ui/form/SelectContainer/Select.stories': typeof _digigov_ui_form_SelectContainer_Select_stories;
+    '@digigov/ui/form/SelectContainer/SelectContainer.stories': typeof _digigov_ui_form_SelectContainer_SelectContainer_stories;
     '@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories': typeof _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories;
     '@digigov/ui/form/TextArea/TextArea.stories': typeof _digigov_ui_form_TextArea_TextArea_stories;
     '@digigov/ui/form/TextInput/TextInput.stories': typeof _digigov_ui_form_TextInput_TextInput_stories;
@@ -255,6 +241,7 @@ export const stories: {
     '@digigov/ui/typography/Paragraph/Paragraph.stories': typeof _digigov_ui_typography_Paragraph_Paragraph_stories;
     '@digigov/ui/utils/VisuallyHidden/VisuallyHidden.stories': typeof _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories;
 };
+import * as _digigov_ui_app_BannerContainer_BannerContainer_stories from "@digigov/ui/app/BannerContainer/BannerContainer.stories";
 import * as _digigov_ui_app_Footer_Footer_stories from "@digigov/ui/app/Footer/Footer.stories";
 import * as _digigov_ui_app_Header_Header_stories from "@digigov/ui/app/Header/Header.stories";
 import * as _digigov_ui_app_Loader_Loader_stories from "@digigov/ui/app/Loader/Loader.stories";
@@ -288,7 +275,7 @@ import * as _digigov_ui_form_DateInputContainer_DateInputContainer_stories from
 import * as _digigov_ui_form_ErrorMessage_ErrorMessage_stories from "@digigov/ui/form/ErrorMessage/ErrorMessage.stories";
 import * as _digigov_ui_form_FileUpload_FileUpload_stories from "@digigov/ui/form/FileUpload/FileUpload.stories";
 import * as _digigov_ui_form_RadioContainer_RadioContainer_stories from "@digigov/ui/form/RadioContainer/RadioContainer.stories";
-import * as _digigov_ui_form_SelectContainer_Select_stories from "@digigov/ui/form/SelectContainer/Select.stories";
+import * as _digigov_ui_form_SelectContainer_SelectContainer_stories from "@digigov/ui/form/SelectContainer/SelectContainer.stories";
 import * as _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories from "@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories";
 import * as _digigov_ui_form_TextArea_TextArea_stories from "@digigov/ui/form/TextArea/TextArea.stories";
 import * as _digigov_ui_form_TextInput_TextInput_stories from "@digigov/ui/form/TextInput/TextInput.stories";

package/registry.js

@@ -243,6 +243,10 @@ var _digigov_ui_i18n_locales_en = _interopRequireWildcard(require("@digigov/ui/i
 
 var _digigov_ui_icons_Icon = _interopRequireWildcard(require("@digigov/ui/icons/Icon"));
 
+var _digigov_ui_icons_ImageLogo = _interopRequireWildcard(require("@digigov/ui/icons/ImageLogo"));
+
+var _digigov_ui_icons_ImageLogoSet = _interopRequireWildcard(require("@digigov/ui/icons/ImageLogoSet"));
+
 var _digigov_ui_icons = _interopRequireWildcard(require("@digigov/ui/icons"));
 
 var _digigov_ui = _interopRequireWildcard(require("@digigov/ui"));
@@ -305,45 +309,9 @@ var _digigov_ui_navigation_NavList_Nav = _interopRequireWildcard(require("@digig
 
 var _digigov_ui_navigation_NavList_NavList = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavList"));
 
-var _digigov_ui_navigation_NavList_NavListAuto_NavListAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListBaseAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListBaseAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListContextAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListItemAnchorAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListItemAnchorAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListItemAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListItemAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListItemButtonAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListItemButtonAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListMenuAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListMenuAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListSubMenuAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListSubMenuAuto"));
-
-var _digigov_ui_navigation_NavList_NavListItem = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListItem"));
-
-var _digigov_ui_navigation_NavList_NavListItemBase = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListItemBase"));
+var _digigov_ui_navigation_NavList_NavListAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto"));
 
-var _digigov_ui_navigation_NavList_NavListItemButton = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListItemButton"));
-
-var _digigov_ui_navigation_NavList_NavListItemLink = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListItemLink"));
-
-var _digigov_ui_navigation_NavList_NavMenu = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenu"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainer = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainer"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainerContent = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainerContent"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainerContentList = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainerContentList"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainerContentListItem = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainerContentListItem"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainerTitle = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainerTitle"));
-
-var _digigov_ui_navigation_NavList_NavVertical = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavVertical"));
-
-var _digigov_ui_navigation_NavList_NavVerticalItem = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavVerticalItem"));
+var _digigov_ui_navigation_NavList_NavMenuContentList = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContentList"));
 
 var _digigov_ui_navigation_NavList_types = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/types"));
 
@@ -395,10 +363,14 @@ var _digigov_ui_utils_Kitchensink_KitchensinkDashboard = _interopRequireWildcard
 
 var _digigov_ui_utils_SvgIcon = _interopRequireWildcard(require("@digigov/ui/utils/SvgIcon"));
 
+var _digigov_ui_utils_Typography = _interopRequireWildcard(require("@digigov/ui/utils/Typography"));
+
 var _digigov_ui_utils_VisuallyHidden = _interopRequireWildcard(require("@digigov/ui/utils/VisuallyHidden"));
 
 var _digigov_ui_utils_withDeprecation = _interopRequireWildcard(require("@digigov/ui/utils/withDeprecation"));
 
+var _digigov_ui_app_BannerContainer_BannerContainer_stories = _interopRequireWildcard(require("@digigov/ui/app/BannerContainer/BannerContainer.stories"));
+
 var _digigov_ui_app_Footer_Footer_stories = _interopRequireWildcard(require("@digigov/ui/app/Footer/Footer.stories"));
 
 var _digigov_ui_app_Header_Header_stories = _interopRequireWildcard(require("@digigov/ui/app/Header/Header.stories"));
@@ -465,7 +437,7 @@ var _digigov_ui_form_FileUpload_FileUpload_stories = _interopRequireWildcard(req
 
 var _digigov_ui_form_RadioContainer_RadioContainer_stories = _interopRequireWildcard(require("@digigov/ui/form/RadioContainer/RadioContainer.stories"));
 
-var _digigov_ui_form_SelectContainer_Select_stories = _interopRequireWildcard(require("@digigov/ui/form/SelectContainer/Select.stories"));
+var _digigov_ui_form_SelectContainer_SelectContainer_stories = _interopRequireWildcard(require("@digigov/ui/form/SelectContainer/SelectContainer.stories"));
 
 var _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories = _interopRequireWildcard(require("@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories"));
 
@@ -649,6 +621,8 @@ var _default = {
   '@digigov/ui/i18n/locales/el': lazyImport(_digigov_ui_i18n_locales_el),
   '@digigov/ui/i18n/locales/en': lazyImport(_digigov_ui_i18n_locales_en),
   '@digigov/ui/icons/Icon': lazyImport(_digigov_ui_icons_Icon),
+  '@digigov/ui/icons/ImageLogo': lazyImport(_digigov_ui_icons_ImageLogo),
+  '@digigov/ui/icons/ImageLogoSet': lazyImport(_digigov_ui_icons_ImageLogoSet),
   '@digigov/ui/icons': lazyImport(_digigov_ui_icons),
   '@digigov/ui': lazyImport(_digigov_ui),
   '@digigov/ui/layouts/Admin': lazyImport(_digigov_ui_layouts_Admin),
@@ -680,26 +654,8 @@ var _default = {
   '@digigov/ui/navigation/NavList': lazyImport(_digigov_ui_navigation_NavList),
   '@digigov/ui/navigation/NavList/Nav': lazyImport(_digigov_ui_navigation_NavList_Nav),
   '@digigov/ui/navigation/NavList/NavList': lazyImport(_digigov_ui_navigation_NavList_NavList),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListBaseAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListBaseAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListContextAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAnchorAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListItemAnchorAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListItemAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListItemButtonAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListItemButtonAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListMenuAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListMenuAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListSubMenuAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListSubMenuAuto),
-  '@digigov/ui/navigation/NavList/NavListItem': lazyImport(_digigov_ui_navigation_NavList_NavListItem),
-  '@digigov/ui/navigation/NavList/NavListItemBase': lazyImport(_digigov_ui_navigation_NavList_NavListItemBase),
-  '@digigov/ui/navigation/NavList/NavListItemButton': lazyImport(_digigov_ui_navigation_NavList_NavListItemButton),
-  '@digigov/ui/navigation/NavList/NavListItemLink': lazyImport(_digigov_ui_navigation_NavList_NavListItemLink),
-  '@digigov/ui/navigation/NavList/NavMenu': lazyImport(_digigov_ui_navigation_NavList_NavMenu),
-  '@digigov/ui/navigation/NavList/NavMenuContainer': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainer),
-  '@digigov/ui/navigation/NavList/NavMenuContainerContent': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainerContent),
-  '@digigov/ui/navigation/NavList/NavMenuContainerContentList': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainerContentList),
-  '@digigov/ui/navigation/NavList/NavMenuContainerContentListItem': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainerContentListItem),
-  '@digigov/ui/navigation/NavList/NavMenuContainerTitle': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainerTitle),
-  '@digigov/ui/navigation/NavList/NavVertical': lazyImport(_digigov_ui_navigation_NavList_NavVertical),
-  '@digigov/ui/navigation/NavList/NavVerticalItem': lazyImport(_digigov_ui_navigation_NavList_NavVerticalItem),
+  '@digigov/ui/navigation/NavList/NavListAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto),
+  '@digigov/ui/navigation/NavList/NavMenuContentList': lazyImport(_digigov_ui_navigation_NavList_NavMenuContentList),
   '@digigov/ui/navigation/NavList/types': lazyImport(_digigov_ui_navigation_NavList_types),
   '@digigov/ui/navigation/Pagination': lazyImport(_digigov_ui_navigation_Pagination),
   '@digigov/ui/navigation/SkipLink': lazyImport(_digigov_ui_navigation_SkipLink),
@@ -725,11 +681,13 @@ var _default = {
   '@digigov/ui/utils/Kitchensink/KitchensinkComponent': lazyImport(_digigov_ui_utils_Kitchensink_KitchensinkComponent),
   '@digigov/ui/utils/Kitchensink/KitchensinkDashboard': lazyImport(_digigov_ui_utils_Kitchensink_KitchensinkDashboard),
   '@digigov/ui/utils/SvgIcon': lazyImport(_digigov_ui_utils_SvgIcon),
+  '@digigov/ui/utils/Typography': lazyImport(_digigov_ui_utils_Typography),
   '@digigov/ui/utils/VisuallyHidden': lazyImport(_digigov_ui_utils_VisuallyHidden),
   '@digigov/ui/utils/withDeprecation': lazyImport(_digigov_ui_utils_withDeprecation)
 };
 exports["default"] = _default;
 var stories = {
+  '@digigov/ui/app/BannerContainer/BannerContainer.stories': _digigov_ui_app_BannerContainer_BannerContainer_stories,
   '@digigov/ui/app/Footer/Footer.stories': _digigov_ui_app_Footer_Footer_stories,
   '@digigov/ui/app/Header/Header.stories': _digigov_ui_app_Header_Header_stories,
   '@digigov/ui/app/Loader/Loader.stories': _digigov_ui_app_Loader_Loader_stories,
@@ -763,7 +721,7 @@ var stories = {
   '@digigov/ui/form/ErrorMessage/ErrorMessage.stories': _digigov_ui_form_ErrorMessage_ErrorMessage_stories,
   '@digigov/ui/form/FileUpload/FileUpload.stories': _digigov_ui_form_FileUpload_FileUpload_stories,
   '@digigov/ui/form/RadioContainer/RadioContainer.stories': _digigov_ui_form_RadioContainer_RadioContainer_stories,
-  '@digigov/ui/form/SelectContainer/Select.stories': _digigov_ui_form_SelectContainer_Select_stories,
+  '@digigov/ui/form/SelectContainer/SelectContainer.stories': _digigov_ui_form_SelectContainer_SelectContainer_stories,
   '@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories': _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories,
   '@digigov/ui/form/TextArea/TextArea.stories': _digigov_ui_form_TextArea_TextArea_stories,
   '@digigov/ui/form/TextInput/TextInput.stories': _digigov_ui_form_TextInput_TextInput_stories,

package/src/app/BannerContainer/BannerContainer.stories.js

@@ -0,0 +1,12 @@
+/* eslint-disable digigov/no-relative-imports */
+
+import BannerContainer from '@digigov/ui/app/BannerContainer';
+export default {
+  title: 'Digigov UI/app/BannerContainer',
+  description:
+    'The BannerContainer provides a container for the banner and the page content.',
+  link: 'https://guide.services.gov.gr/docs/components/cookies-banner',
+  component: BannerContainer,
+  displayName: 'BannerContainer',
+};
+export * from './__stories__/CookiesBanner';

package/src/app/BannerContainer/__stories__/CookiesBanner.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+
+import BannerContainer from '@digigov/ui/app/BannerContainer';
+import { Container } from '@digigov/ui/layouts/Basic/Container';
+import { Main } from '@digigov/ui/layouts/Basic/Main';
+import { Heading } from '@digigov/ui/typography/Heading';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import Button, { ButtonGroup } from '@digigov/ui/form/Button';
+
+export const CookiesBanner = () => {
+  return (
+    <BannerContainer>
+      <Container>
+        <Main>
+          <Heading size="md">Cookies στο GOV.GR</Heading>
+          <Paragraph>
+            Επιλέξτε «Αποδοχή» για να συμφωνήσετε με τη χρήση των cookies και την επεξεργασία των προσωπικών σας δεδομένων.
+          </Paragraph>
+          <Paragraph>
+            <Button variant="link">Όροι και Προϋποθέσεις</Button>
+          </Paragraph>
+          <ButtonGroup>
+            <Button>Αποδοχή</Button>
+            <Button>Απόρριψη</Button>
+          </ButtonGroup>
+        </Main>
+      </Container>
+    </BannerContainer>
+  )
+}
+
+export default CookiesBanner;

package/src/app/Footer/Footer.stories.playwright.json

@@ -8,13 +8,13 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>footer>div>div>div>section:nth-child(1)>p>a:nth-child(1)"
+                "selector": "html>body>div:nth-child(5)>footer>div>div>section:nth-child(1)>p>a:nth-child(1)"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "html>body>div:nth-child(5)>footer>div>div>div>section:nth-child(1)>p>a:nth-child(1)"
+                "selector": "html>body>div:nth-child(5)>footer>div>div>section:nth-child(1)>p>a:nth-child(1)"
               }
             }
           ],

package/src/app/Footer/__stories__/Default.tsx

@@ -2,6 +2,6 @@ import React from 'react';
 
 import { GovGRFooter } from '@digigov/ui/govgr/Footer';
 
-export const Default = () => <GovGRFooter />;
+export const Default = () => <GovGRFooter />
 
 export default Default;

package/src/app/Footer/__stories__/FooterAllInclusive.tsx

@@ -16,8 +16,8 @@ import {
 } from '@digigov/ui/app/Footer';
 import Copyright from '@digigov/ui/govgr/Footer/Copyright';
 import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
-import logo1 from '@digigov/ui/govgr/images/greek-government-base64';
-import logo2 from '@digigov/ui/govgr/images/grnet-logo-base64';
+import govgrBlueLogo from '@digigov/ui/govgr/images/govgr-logo-blue-base64';
+import mineduBlackLogo from '@digigov/ui/govgr/images/minedu-logo-black-base64';
 import SectionBreak from '@digigov/ui/layouts/SectionBreak';
 import Link from '@digigov/ui/navigation/Link';
 import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
@@ -46,7 +46,7 @@ export const FooterAllInclusive = () => {
                 <FooterLink href="#">Όροι χρήσης</FooterLink>
               </FooterListItem>
               <FooterListItem>
-                <FooterLink href="#">Ιδιωτικό απόρρητο </FooterLink>
+                <FooterLink href="#">Ιδιωτικό απόρρητο</FooterLink>
               </FooterListItem>
             </FooterList>
           </FooterNavigationSection>
@@ -76,40 +76,36 @@ export const FooterAllInclusive = () => {
                 </FooterListItem>
               </FooterList>
               <FooterContentLogos>
-                <FooterImage src={logo1} />
-                <FooterImage src={logo2} />
+                <FooterImage src={govgrBlueLogo} />
+                <FooterImage src={mineduBlackLogo} />
               </FooterContentLogos>
               <Copyright>
-                Υλοποίηση από το{' '}
+                {`Υλοποίηση από το `}
                 <Link href="https://grnet.gr/" target="_blank">
                   ΕΔΥΤΕ
                   <VisuallyHidden>
-                    {' '}
-                    (ανοίγει σε καινούρια καρτέλα)
+                    {` (ανοίγει σε καινούρια καρτέλα)`}
                   </VisuallyHidden>
-                </Link>{' '}
-                για το{' '}
+                </Link>
+                {` για το `}
                 <Link href="https://mindigital.gr/" target="_blank">
-                  {' '}
                   Υπουργείο Ψηφιακής Διακυβέρνησης
                   <VisuallyHidden>
-                    {' '}
-                    (ανοίγει σε καινούρια καρτέλα)
+                    {` (ανοίγει σε καινούρια καρτέλα)`}
                   </VisuallyHidden>
-                </Link>{' '}
-                και για το{' '}
+                </Link>
+                {` και για το `}
                 <Link href="https://www.minedu.gov.gr/" target="_blank">
                   Υπουργείο Παιδείας και Θρησκευμάτων
                   <VisuallyHidden>
-                    {' '}
-                    (ανοίγει σε καινούρια καρτέλα)
+                    {` (ανοίγει σε καινούρια καρτέλα)`}
                   </VisuallyHidden>
                 </Link>
               </Copyright>
             </FooterContent>
           </FooterInfoSection>
           <FooterInfoSection>
-            <HellenicRepublicLogo></HellenicRepublicLogo>
+            <HellenicRepublicLogo />
           </FooterInfoSection>
         </FooterInfo>
       </FooterContainer>

package/src/app/Footer/__stories__/FooterWithLink.tsx

@@ -31,20 +31,18 @@ export const FooterWithLink = () => {
                 </FooterListItem>
               </FooterList>
               <Copyright>
-                Υλοποίηση από το{' '}
+                {`Υλοποίηση από το `}
                 <Link href="https://grnet.gr/" target="_blank">
                   ΕΔΥΤΕ
                   <VisuallyHidden>
-                    {' '}
-                    (ανοίγει σε καινούρια καρτέλα)
+                    {` (ανοίγει σε καινούρια καρτέλα)`}
                   </VisuallyHidden>
-                </Link>{' '}
-                για το{' '}
+                </Link>
+                {` για το `}
                 <Link href="https://mindigital.gr/" target="_blank">
                   Υπουργείο Ψηφιακής Διακυβέρνησης
                   <VisuallyHidden>
-                    {' '}
-                    (ανοίγει σε καινούρια καρτέλα)
+                    {` (ανοίγει σε καινούρια καρτέλα)`}
                   </VisuallyHidden>
                 </Link>
               </Copyright>

package/src/app/Footer/__stories__/FooterWithLogo.tsx

@@ -10,8 +10,8 @@ import {
 } from '@digigov/ui/app/Footer';
 import Copyright from '@digigov/ui/govgr/Footer/Copyright';
 import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
-import logo1 from '@digigov/ui/govgr/images/greek-government-base64';
-import logo2 from '@digigov/ui/govgr/images/grnet-logo-base64';
+import govgrBlueLogo from '@digigov/ui/govgr/images/govgr-logo-blue-base64';
+import mineduBlackLogo from '@digigov/ui/govgr/images/minedu-logo-black-base64';
 import Link from '@digigov/ui/navigation/Link';
 import VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
 
@@ -23,31 +23,29 @@ export const FooterWithLogo = () => {
           <FooterInfoSection aria-label='footer info section'>
             <FooterContent>
               <FooterContentLogos>
-                <FooterImage src={logo1}></FooterImage>
-                <FooterImage src={logo2}></FooterImage>
+                <FooterImage src={govgrBlueLogo}></FooterImage>
+                <FooterImage src={mineduBlackLogo}></FooterImage>
               </FooterContentLogos>
               <Copyright>
-                Υλοποίηση από το{' '}
+                {`Υλοποίηση από το `}
                 <Link href="https://grnet.gr/" target="_blank">
                   ΕΔΥΤΕ
                   <VisuallyHidden>
-                    {' '}
-                    (ανοίγει σε καινούρια καρτέλα)
+                    {` (ανοίγει σε καινούρια καρτέλα)`}
                   </VisuallyHidden>
-                </Link>{' '}
-                για το{' '}
+                </Link>
+                {` για το `}
                 <Link href="https://mindigital.gr/" target="_blank">
-                  Υπουργείο Ψηφιακής Διακυβέρνησης
+                  Υπουργείο Παιδείας και Θρησκευμάτων
                   <VisuallyHidden>
-                    {' '}
-                    (ανοίγει σε καινούρια καρτέλα)
+                    {` (ανοίγει σε καινούρια καρτέλα)`}
                   </VisuallyHidden>
                 </Link>
               </Copyright>
             </FooterContent>
           </FooterInfoSection>
           <FooterInfoSection>
-            <HellenicRepublicLogo></HellenicRepublicLogo>
+            <HellenicRepublicLogo />
           </FooterInfoSection>
         </FooterInfo>
       </FooterContainer>