@digigov/ui 1.0.0-266e80f3 → 1.0.0-3bfc7d37

package/navigation/NavList/__stories__/NavVerticalWithTitle.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NavVerticalWithTitle = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NavList = require("@digigov/ui/navigation/NavList");
+
+var _Heading = require("@digigov/ui/typography/Heading");
+
+var links = [{
+  name: 'link_1',
+  href: '#link_1',
+  label: 'Σύνδεσμος 1',
+  active: true
+}, {
+  name: 'link_2',
+  href: '#link_2',
+  label: 'Σύνδεσμος 2'
+}, {
+  name: 'link_3',
+  href: '#link_3',
+  label: 'Σύνδεσμος 3'
+}];
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+  size: "sm"
+}, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03BF\u03AF \u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03B9");
+
+var NavVerticalWithTitle = function NavVerticalWithTitle() {
+  var _useNavList = (0, _NavList.useNavList)(),
+      registerNavItem = _useNavList.registerNavItem;
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, _ref, /*#__PURE__*/_react["default"].createElement(_NavList.Nav, {
+    "aria-orientation": "vertical",
+    "aria-label": "Nav list",
+    fixed: false,
+    border: false
+  }, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
+    layout: "vertical"
+  }, links.map(function (item, key) {
+    return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, (0, _extends2["default"])({
+      key: key
+    }, registerNavItem(item), {
+      active: item === null || item === void 0 ? void 0 : item.active
+    }), item.label);
+  }))));
+};
+
+exports.NavVerticalWithTitle = NavVerticalWithTitle;
+var _default = NavVerticalWithTitle;
+exports["default"] = _default;

package/navigation/NavList/__stories__/WithBurgerIcon.d.ts

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

package/navigation/NavList/__stories__/WithBurgerIcon.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithBurgerIcon = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _NavList = _interopRequireDefault(require("@digigov/ui/navigation/NavList/NavList"));
+
+var _icons = require("@digigov/ui/icons");
+
+var _NavList2 = require("@digigov/ui/navigation/NavList");
+
+var _useNavList2 = require("@digigov/ui/navigation/NavList/hooks/useNavList");
+
+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 links = [{
+  name: 'home',
+  href: '#home',
+  label: 'Αρχική',
+  active: true
+}, {
+  name: 'new_form',
+  href: '#new_form',
+  label: 'Καταχώριση φόρμας'
+}, {
+  name: 'news',
+  href: '#news',
+  label: 'Νέα'
+}, {
+  name: 'contact',
+  href: '#contact',
+  label: 'Επικοινωνία'
+}];
+
+var WithBurgerIcon = function WithBurgerIcon() {
+  var _useNavList = (0, _useNavList2.useNavList)(),
+      registerNavItem = _useNavList.registerNavItem;
+
+  var _useState = (0, _react.useState)(true),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_icons.BurgerIcon, {
+    mdUpHidden: true,
+    size: "lg",
+    onClick: function onClick() {
+      setOpen(!open);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(_NavList2.Nav, {
+    role: "menubar",
+    "aria-orientation": "horizontal",
+    "aria-label": "Nav list",
+    fixed: false,
+    border: false,
+    open: open
+  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], null, links.map(function (item, key) {
+    return /*#__PURE__*/_react["default"].createElement(_NavList2.NavListItemAction, (0, _extends2["default"])({
+      key: key
+    }, registerNavItem(item), {
+      active: item === null || item === void 0 ? void 0 : item.active
+    }), item.label);
+  }))));
+};
+
+exports.WithBurgerIcon = WithBurgerIcon;
+var _default = WithBurgerIcon;
+exports["default"] = _default;

package/navigation/NavList/__stories__/WithSubMenu.d.ts

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

package/navigation/NavList/__stories__/WithSubMenu.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithSubMenu = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _NavList = require("@digigov/ui/navigation/NavList");
+
+var _Link = require("@digigov/ui/navigation/Link");
+
+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 links = [{
+  name: 'home',
+  href: '#home',
+  label: 'Αρχική'
+}, {
+  name: 'educational',
+  label: 'Εκπαιδευτικό υλικό',
+  subMenu: [{
+    name: 'elearning',
+    href: '#elearning',
+    label: 'Εκπαιδευτική πλατφόρμα'
+  }, {
+    name: 'videos',
+    href: '#videos',
+    label: 'Βίντεο'
+  }, {
+    name: 'presentations',
+    href: '#presentations',
+    label: 'Παρουσιάσεις'
+  }, {
+    name: 'promoting',
+    href: '#promoting',
+    label: 'Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά'
+  }, {
+    name: 'other-texts',
+    href: '#other-texts',
+    label: 'Άλλα κείμενα'
+  }]
+}, {
+  name: 'news',
+  href: '#news',
+  label: 'Νέα'
+}];
+
+var WithSubMenu = function WithSubMenu() {
+  var layout = 'horizontal';
+  var border = false;
+
+  var _useNavList = (0, _NavList.useNavList)(),
+      registerNavItemMenu = _useNavList.registerNavItemMenu,
+      registerNavItem = _useNavList.registerNavItem;
+
+  return /*#__PURE__*/_react["default"].createElement(_NavList.Nav, {
+    open: true,
+    border: border,
+    "aria-orientation": layout
+  }, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
+    layout: layout
+  }, links.map(function (item, key) {
+    var _item$subMenu;
+
+    return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+      key: key
+    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItemAction, registerNavItem(item), item.label), item.subMenu && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainer, (0, _extends2["default"])({
+      layout: layout
+    }, registerNavItemMenu(item.name)), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContentList, {
+      role: "menu"
+    }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
+      return (subMenu === null || subMenu === void 0 ? void 0 : subMenu.href) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContentListItem, {
+        key: menuIndex,
+        role: "presentation"
+      }, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+        role: "menuitem",
+        id: subMenu.name,
+        href: subMenu.href
+      }, subMenu.label));
+    })))));
+  })));
+};
+
+exports.WithSubMenu = WithSubMenu;
+var _default = WithSubMenu;
+exports["default"] = _default;

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "1.0.0-266e80f3",
+  "version": "1.0.0-3bfc7d37",
   "description": "@digigov reusable components toolkit",
   "main": "./index.js",
   "module": "./esm/index.js",
@@ -13,7 +13,7 @@
     "react-query": "2.26.4",
     "yup": "0.32.11",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.0.0-266e80f3"
+    "@digigov/react-icons": "1.0.0-3bfc7d37"
   },
   "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-266e80f3"
+    "@digigov/react-core": "1.0.0-3bfc7d37"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry.d.ts

@@ -182,6 +182,7 @@ declare var _default: {
 };
 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;
@@ -215,7 +216,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;
@@ -239,6 +240,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";
@@ -272,7 +274,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

@@ -367,6 +367,8 @@ var _digigov_ui_utils_VisuallyHidden = _interopRequireWildcard(require("@digigov
 
 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"));
@@ -433,7 +435,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"));
 
@@ -682,6 +684,7 @@ var _default = {
 };
 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,
@@ -715,7 +718,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/__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>