@digigov/ui 0.31.0 → 0.32.0

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Mon, 03 Apr 2023 11:13:15 GMT and should not be manually modified.
+This log was last generated on Tue, 02 May 2023 09:16:06 GMT and should not be manually modified.
+
+## 0.32.0
+Tue, 02 May 2023 09:16:06 GMT
+
+### Minor changes
+
+- Remove unused nav props
+
+### Patches
+
+- Add otp validation translates
+- Update NavList stories
 
 ## 0.31.0
 Mon, 03 Apr 2023 11:13:15 GMT

package/admin/CopyToClipboard/CopyToClipboard.stories.playwright.json

@@ -12,7 +12,7 @@
               }
             }
           ],
-          "id": "BSaIJR2CMZJU",
+          "id": "slm0qFzUIkGw",
           "title": "Click button"
         }
       ]
@@ -28,7 +28,7 @@
               }
             }
           ],
-          "id": "T50MBtHpfRog",
+          "id": "dTykMmK3AzLT",
           "title": "Click button"
         }
       ]

package/admin/Drawer/__stories__/Default.js

@@ -116,7 +116,6 @@ var Default = function Default() {
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
       key: key
     }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
-      layout: layout,
       link: item,
       setRegisterButton: setRegisterButton,
       setRegisterLink: setRegisterLink
@@ -126,11 +125,8 @@ var Default = function Default() {
       layout: layout,
       paddingLeft: 5,
       paddingRight: 5
-    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, {
-      layout: layout
-    }, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
-      role: "menu",
-      layout: layout
+    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
+      role: "menu"
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
       return (0, _NavList.isNavListItemLinkInterface)(subMenu) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentListItem, {
         key: menuIndex,

package/core/Accordion/Accordion.stories.playwright.json

@@ -8,11 +8,11 @@
             {
               "name": "click",
               "args": {
-                "selector": "text=Δικαστήρια"
+                "selector": "html>body>div:nth-child(5)>div>details:nth-child(2)>summary"
               }
             }
           ],
-          "id": "nJuTGfjq9kyK",
+          "id": "ZB3bfJynL-CN",
           "title": "Mouse navigation"
         }
       ]

package/core/ErrorSummary/ErrorSummary.stories.playwright.json

@@ -18,7 +18,7 @@
               }
             }
           ],
-          "id": "V4VBSZxQfqiJ",
+          "id": "lFKC342tG4hT",
           "title": "Go to checkbox"
         }
       ]

package/core/NavList/NavList.stories.d.ts

@@ -7,9 +7,5 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/core/NavList/__stories__/Default";
-export * from "@digigov/ui/core/NavList/__stories__/NavListHorizontalAutoExample";
-export * from "@digigov/ui/core/NavList/__stories__/NavListVerticalAutoExample";
-export * from "@digigov/ui/core/NavList/__stories__/NavListSecondaryAutoExample";
-export * from "@digigov/ui/core/NavList/__stories__/NavListEpathlaExample";
-export * from "@digigov/ui/core/NavList/__stories__/NavHorizontalLayout";
+export * from "@digigov/ui/core/NavList/__stories__/NavVerticalLayout";
 import NavList from "@digigov/ui/core/NavList";

package/core/NavList/NavList.stories.js

@@ -24,72 +24,16 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _NavListHorizontalAutoExample = require("@digigov/ui/core/NavList/__stories__/NavListHorizontalAutoExample");
+var _NavVerticalLayout = require("@digigov/ui/core/NavList/__stories__/NavVerticalLayout");
 
-Object.keys(_NavListHorizontalAutoExample).forEach(function (key) {
+Object.keys(_NavVerticalLayout).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListHorizontalAutoExample[key]) return;
+  if (key in exports && exports[key] === _NavVerticalLayout[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _NavListHorizontalAutoExample[key];
-    }
-  });
-});
-
-var _NavListVerticalAutoExample = require("@digigov/ui/core/NavList/__stories__/NavListVerticalAutoExample");
-
-Object.keys(_NavListVerticalAutoExample).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListVerticalAutoExample[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NavListVerticalAutoExample[key];
-    }
-  });
-});
-
-var _NavListSecondaryAutoExample = require("@digigov/ui/core/NavList/__stories__/NavListSecondaryAutoExample");
-
-Object.keys(_NavListSecondaryAutoExample).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListSecondaryAutoExample[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NavListSecondaryAutoExample[key];
-    }
-  });
-});
-
-var _NavListEpathlaExample = require("@digigov/ui/core/NavList/__stories__/NavListEpathlaExample");
-
-Object.keys(_NavListEpathlaExample).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavListEpathlaExample[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NavListEpathlaExample[key];
-    }
-  });
-});
-
-var _NavHorizontalLayout = require("@digigov/ui/core/NavList/__stories__/NavHorizontalLayout");
-
-Object.keys(_NavHorizontalLayout).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NavHorizontalLayout[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NavHorizontalLayout[key];
+      return _NavVerticalLayout[key];
     }
   });
 });

package/core/NavList/NavListAuto/NavListBaseAuto.js

@@ -32,9 +32,7 @@ var NavListBaseAuto = function NavListBaseAuto(_ref) {
     layout: layout
   }, props, {
     "aria-orientation": layout
-  }), /*#__PURE__*/_react["default"].createElement(_NavList["default"], {
-    layout: layout
-  }, children));
+  }), /*#__PURE__*/_react["default"].createElement(_NavList["default"], null, children));
 };
 
 exports.NavListBaseAuto = NavListBaseAuto;

package/core/NavList/NavListAuto/NavListItemAnchorAuto.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
-import { NavListLayout } from '@digigov/ui/core/NavList/types';
 interface NavListItemAnchorAutoProps {
     name: string;
     href?: string;
     active?: boolean;
-    layout?: NavListLayout;
     children?: React.ReactNode;
 }
 export declare const NavListItemAnchorAuto: React.FC<NavListItemAnchorAutoProps>;

package/core/NavList/NavListAuto/NavListItemAnchorAuto.js

@@ -21,7 +21,7 @@ var _NavListContextAuto = _interopRequireDefault(require("@digigov/ui/core/NavLi
 
 var _NavListItem = _interopRequireDefault(require("@digigov/react-core/NavListItem"));
 
-var _excluded = ["name", "href", "active", "layout", "children"];
+var _excluded = ["name", "href", "active", "children"];
 
 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); }
 
@@ -33,7 +33,6 @@ var NavListItemAnchorAuto = function NavListItemAnchorAuto(_ref) {
   var name = _ref.name,
       href = _ref.href,
       active = _ref.active,
-      layout = _ref.layout,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
@@ -41,9 +40,7 @@ var NavListItemAnchorAuto = function NavListItemAnchorAuto(_ref) {
       container = _useContext.container,
       setRegisterLink = _useContext.setRegisterLink;
 
-  return /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], {
-    layout: layout
-  }, setRegisterLink && /*#__PURE__*/_react["default"].createElement(_NavListItemLink.NavListItemLink, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], null, setRegisterLink && /*#__PURE__*/_react["default"].createElement(_NavListItemLink.NavListItemLink, (0, _extends2["default"])({
     href: href,
     active: active || container && ((_container = container(name)) === null || _container === void 0 ? void 0 : _container.active)
   }, props, setRegisterLink(name)), children));

package/core/NavList/NavListAuto/NavListItemAuto.js

@@ -9,8 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.NavListItemAuto = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -48,9 +46,7 @@ var NavListItemAuto = function NavListItemAuto(_ref) {
       setRegisterButton = _useContext.setRegisterButton;
 
   var itemName = item !== null && item !== void 0 && item.name ? item.name : item === null || item === void 0 ? void 0 : item.label;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children ? /*#__PURE__*/_react["default"].createElement(_NavListItem.NavListItem, (0, _extends2["default"])({
-    layout: layout
-  }, props), children) : item !== null && item !== void 0 && item.menu || item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/_react["default"].createElement(_NavListItemButtonAuto["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children ? /*#__PURE__*/_react["default"].createElement(_NavListItem.NavListItem, props, children) : item !== null && item !== void 0 && item.menu || item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/_react["default"].createElement(_NavListItemButtonAuto["default"], {
     item: item,
     name: itemName,
     active: container && ((_container = container(itemName)) === null || _container === void 0 ? void 0 : _container.active),
@@ -58,8 +54,7 @@ var NavListItemAuto = function NavListItemAuto(_ref) {
     layout: layout
   }, item === null || item === void 0 ? void 0 : item.label) : /*#__PURE__*/_react["default"].createElement(_NavListItemAnchorAuto["default"], {
     href: item === null || item === void 0 ? void 0 : item.href,
-    name: itemName,
-    layout: layout
+    name: itemName
   }, item === null || item === void 0 ? void 0 : item.label), showDividers && _ref2);
 };
 

package/core/NavList/NavListAuto/NavListItemButtonAuto.js

@@ -28,9 +28,7 @@ var NavListItemButtonAuto = function NavListItemButtonAuto(_ref) {
       onSelect = _ref.onSelect,
       layout = _ref.layout,
       children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, onSelect && /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], {
-    layout: layout
-  }, /*#__PURE__*/_react["default"].createElement(_NavListItemButton["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, onSelect && /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], null, /*#__PURE__*/_react["default"].createElement(_NavListItemButton["default"], (0, _extends2["default"])({
     active: active
   }, onSelect(name)), children)), item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/_react["default"].createElement(_NavListSubMenuAuto["default"], {
     items: item === null || item === void 0 ? void 0 : item.subMenu,

package/core/NavList/NavListAuto/NavListMenuAuto.js

@@ -37,11 +37,8 @@ var NavListMenuAuto = function NavListMenuAuto(_ref) {
     layout: layout,
     paddingLeft: 5,
     paddingRight: 5
-  }, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerTitle["default"], {
-    layout: layout
-  }, title), /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], {
-    role: "menu",
-    layout: layout
+  }, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerTitle["default"], null, title), /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], {
+    role: "menu"
   }, subMenu === null || subMenu === void 0 ? void 0 : subMenu.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentListItem["default"], {
       role: "presentation",

package/core/NavList/NavListAuto/NavListSubMenuAuto.js

@@ -31,9 +31,7 @@ var NavListSubMenuAuto = function NavListSubMenuAuto(_ref) {
     layout: layout
   }, props, {
     "aria-orientation": layout
-  }), /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
-    layout: layout
-  }, items === null || items === void 0 ? void 0 : items.map(function (subMenuItem, index) {
+  }), /*#__PURE__*/_react["default"].createElement(_NavList.NavList, null, items === null || items === void 0 ? void 0 : items.map(function (subMenuItem, index) {
     return /*#__PURE__*/_react["default"].createElement(_NavListItemAuto["default"], {
       key: index,
       item: subMenuItem

package/core/NavList/NavListItem.js

@@ -21,19 +21,16 @@ var _NavListItemLink = require("@digigov/ui/core/NavList/NavListItemLink");
 
 var _types = require("@digigov/ui/core/NavList/types");
 
-var _excluded = ["link", "layout", "setRegisterButton", "setRegisterLink", "active", "children"];
+var _excluded = ["link", "setRegisterButton", "setRegisterLink", "active", "children"];
 
 var NavListItem = function NavListItem(_ref) {
   var link = _ref.link,
-      layout = _ref.layout,
       setRegisterButton = _ref.setRegisterButton,
       setRegisterLink = _ref.setRegisterLink,
       active = _ref.active,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], (0, _extends2["default"])({
-    layout: layout
-  }, props), children ? children : (0, _types.isNavListItemSubMenuInterface)(link) && link !== null && link !== void 0 && link.subMenu ? /*#__PURE__*/_react["default"].createElement(_NavListItemButton["default"], setRegisterButton && setRegisterButton(link.name), link === null || link === void 0 ? void 0 : link.label) : (0, _types.isNavListItemLinkInterface)(link) && /*#__PURE__*/_react["default"].createElement(_NavListItemLink.NavListItemLink, (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], props, children ? children : (0, _types.isNavListItemSubMenuInterface)(link) && link !== null && link !== void 0 && link.subMenu ? /*#__PURE__*/_react["default"].createElement(_NavListItemButton["default"], setRegisterButton && setRegisterButton(link.name), link === null || link === void 0 ? void 0 : link.label) : (0, _types.isNavListItemLinkInterface)(link) && /*#__PURE__*/_react["default"].createElement(_NavListItemLink.NavListItemLink, (0, _extends2["default"])({
     href: link === null || link === void 0 ? void 0 : link.href
   }, setRegisterLink && setRegisterLink(link.name), {
     active: active

package/core/NavList/NavListItemBase.js

@@ -45,7 +45,6 @@ var NavListItemBase = function NavListItemBase(_ref) {
       role = _ref.role,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavListItem["default"], (0, _extends2["default"])({
-    layout: layout,
     link: item,
     setRegisterButton: setRegisterButton,
     role: "menuitem"
@@ -55,11 +54,7 @@ var NavListItemBase = function NavListItemBase(_ref) {
     layout: layout,
     paddingLeft: 5,
     paddingRight: 5
-  }, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerTitle["default"], {
-    layout: layout
-  }, item.label), /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], {
-    layout: layout
-  }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
+  }, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerTitle["default"], null, item.label), /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], null, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
     return (0, _types.isNavListItemLinkInterface)(subMenu) && /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentListItem["default"], {
       key: menuIndex
     }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {

package/core/NavList/NavMenuContainerContentList.js

@@ -31,7 +31,7 @@ Object.keys(_NavMenuContainerContentList).forEach(function (key) {
     }
   });
 });
-var _excluded = ["layout", "children"];
+var _excluded = ["children"];
 
 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); }
 
@@ -73,12 +73,9 @@ var focusNavListItem = function focusNavListItem(e, nextItemIndex) {
 };
 
 var NavMenuContainerContentList = function NavMenuContainerContentList(_ref) {
-  var layout = _ref.layout,
-      children = _ref.children,
+  var children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], (0, _extends2["default"])({
-    layout: layout
-  }, props, {
+  return /*#__PURE__*/_react["default"].createElement(_NavMenuContainerContentList["default"], (0, _extends2["default"])({}, props, {
     onKeyDown: function onKeyDown(event) {
       switch (event.key) {
         case 'ArrowDown':

package/core/NavList/__stories__/Default.js

@@ -55,7 +55,7 @@ var links = [{
 }];
 
 var Default = function Default() {
-  var layout = 'vertical';
+  var layout = 'horizontal';
   var border = false;
 
   var _useNavList = (0, _useNavList2.useNavList)(),
@@ -76,15 +76,12 @@ var Default = function Default() {
     layout: layout,
     border: border,
     "aria-orientation": layout
-  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], {
-    layout: layout
-  }, links.map(function (item, key) {
+  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], null, links.map(function (item, key) {
     var _item$subMenu;
 
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
       key: key
     }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
-      layout: layout,
       link: item,
       setRegisterButton: setRegisterButton,
       setRegisterLink: setRegisterLink
@@ -94,11 +91,8 @@ var Default = function Default() {
       layout: layout,
       paddingLeft: 5,
       paddingRight: 5
-    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, {
-      layout: layout
-    }, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
-      role: "menu",
-      layout: layout
+    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
+      role: "menu"
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
       return (0, _NavList.isNavListItemLinkInterface)(subMenu) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentListItem, {
         key: menuIndex,

package/core/NavList/__stories__/NavVerticalLayout.d.ts

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

package/core/NavList/__stories__/{NavHorizontalLayout.js → NavVerticalLayout.js}

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NavHorizontalLayout = void 0;
+exports["default"] = exports.NavVerticalLayout = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -50,9 +50,9 @@ var links = [{
   label: 'Nav list item 3'
 }];
 
-var NavHorizontalLayout = function NavHorizontalLayout() {
-  var layout = 'horizontal';
-  var border = true;
+var NavVerticalLayout = function NavVerticalLayout() {
+  var layout = 'vertical';
+  var border = false;
 
   var _useNavList = (0, _useNavList2.useNavList)(),
       container = _useNavList.container,
@@ -71,15 +71,12 @@ var NavHorizontalLayout = function NavHorizontalLayout() {
     open: true,
     layout: layout,
     border: border
-  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], {
-    layout: layout
-  }, links.map(function (item, key) {
+  }, /*#__PURE__*/_react["default"].createElement(_NavList["default"], null, links.map(function (item, key) {
     var _item$subMenu;
 
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
       key: key
     }, /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
-      layout: layout,
       link: item,
       setRegisterButton: setRegisterButton,
       setRegisterLink: setRegisterLink
@@ -89,11 +86,8 @@ var NavHorizontalLayout = function NavHorizontalLayout() {
       layout: layout,
       paddingLeft: 5,
       paddingRight: 5
-    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, {
-      layout: layout
-    }, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
-      role: "menu",
-      layout: layout
+    }, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerTitle, null, item.label), /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentList, {
+      role: "menu"
     }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
       return (0, _NavList.isNavListItemLinkInterface)(subMenu) && /*#__PURE__*/_react["default"].createElement(_NavList.NavMenuContainerContentListItem, {
         role: "presentation",
@@ -107,6 +101,6 @@ var NavHorizontalLayout = function NavHorizontalLayout() {
   })));
 };
 
-exports.NavHorizontalLayout = NavHorizontalLayout;
-var _default = NavHorizontalLayout;
+exports.NavVerticalLayout = NavVerticalLayout;
+var _default = NavVerticalLayout;
 exports["default"] = _default;

package/core/NavList/index.d.ts

@@ -1,4 +1,5 @@
 export * from '@digigov/ui/core/NavList/NavListItem';
+export * from '@digigov/ui/core/NavList/NavListAuto/NavListItemAuto';
 export * from '@digigov/ui/core/NavList/NavListAuto/NavListAuto';
 export * from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
 export * from '@digigov/ui/core/NavList/Nav';

package/core/NavList/index.js

@@ -22,6 +22,20 @@ Object.keys(_NavListItem).forEach(function (key) {
   });
 });
 
+var _NavListItemAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListItemAuto");
+
+Object.keys(_NavListItemAuto).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavListItemAuto[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavListItemAuto[key];
+    }
+  });
+});
+
 var _NavListAuto = require("@digigov/ui/core/NavList/NavListAuto/NavListAuto");
 
 Object.keys(_NavListAuto).forEach(function (key) {

package/core/NavList/types.d.ts

@@ -48,7 +48,6 @@ export interface NavListItemProps {
     children?: React.ReactNode;
     role?: string;
     link?: NavListItemType;
-    layout?: NavListLayout;
     active?: boolean;
     setRegisterButton?: (name: string) => any;
     setRegisterLink?: (name: string) => any;

package/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.d.ts

@@ -0,0 +1,13 @@
+declare namespace _default {
+    export const title: string;
+    export const description: string;
+    export const link: string;
+    export { SingleCharacterInputContainer as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "@digigov/ui/core/SingleCharacterInputContainer/__stories__/Default";
+export * from "@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithDefaultError";
+export * from "@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode";
+export * from "@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit";
+import SingleCharacterInputContainer from "@digigov/ui/core/SingleCharacterInputContainer";

package/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _SingleCharacterInputContainer = _interopRequireDefault(require("@digigov/ui/core/SingleCharacterInputContainer"));
+
+var _Default = require("@digigov/ui/core/SingleCharacterInputContainer/__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+
+var _WithDefaultError = require("@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithDefaultError");
+
+Object.keys(_WithDefaultError).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithDefaultError[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithDefaultError[key];
+    }
+  });
+});
+
+var _WithErrorMessageInvalidCode = require("@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode");
+
+Object.keys(_WithErrorMessageInvalidCode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithErrorMessageInvalidCode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithErrorMessageInvalidCode[key];
+    }
+  });
+});
+
+var _WithErrorMessageLessDigit = require("@digigov/ui/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit");
+
+Object.keys(_WithErrorMessageLessDigit).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithErrorMessageLessDigit[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithErrorMessageLessDigit[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/core/SingleCharacterInputContainer',
+  description: 'Use the One-time password input component to help users enter a memorable digital character for One-time password.',
+  link: 'https://guide.services.gov.gr/docs/patterns/one-time-password',
+  component: _SingleCharacterInputContainer["default"],
+  displayName: 'SingleCharacterInputContainer'
+};
+exports["default"] = _default;

package/core/SingleCharacterInputContainer/__stories__/Default.d.ts

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