@digigov/ui 0.31.0 → 0.32.0

package/core/SingleCharacterInputContainer/__stories__/Default.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SingleCharacterInputContainer = require("@digigov/ui/core/SingleCharacterInputContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _Paragraph = require("@digigov/ui/typography/Paragraph");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  heading: true
+}, "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BC\u03BF\u03BD\u03B1\u03B4\u03B9\u03BA\u03CC \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03C0\u03BF\u03C5 \u03BB\u03AC\u03B2\u03B1\u03C4\u03B5 \u03C3\u03C4\u03BF \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03CC \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF"), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputContainer, null, /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "first-digit",
+  value: 4
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "second-digit",
+  value: 4
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "third-digit",
+  value: 5
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "forth-digit",
+  value: 1
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "fifth-digit",
+  value: 2
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "sixth-digit",
+  value: 3
+}))));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

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

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

package/core/SingleCharacterInputContainer/__stories__/WithDefaultError.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithDefaultError = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SingleCharacterInputContainer = require("@digigov/ui/core/SingleCharacterInputContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _Paragraph = require("@digigov/ui/typography/Paragraph");
+
+var _ErrorMessage = require("@digigov/ui/core/ErrorMessage");
+
+var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  error: true
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  heading: true
+}, "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BC\u03BF\u03BD\u03B1\u03B4\u03B9\u03BA\u03CC \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03C0\u03BF\u03C5 \u03BB\u03AC\u03B2\u03B1\u03C4\u03B5 \u03C3\u03C4\u03BF \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03CC \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u03A4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C5\u03C0\u03BF\u03C7\u03C1\u03B5\u03C9\u03C4\u03B9\u03BA\u03CC."), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputContainer, null, /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "first-digit",
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "second-digit",
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "third-digit",
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "forth-digit",
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "fifth-digit",
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "sixth-digit",
+  error: true
+}))));
+
+var WithDefaultError = function WithDefaultError() {
+  return _ref;
+};
+
+exports.WithDefaultError = WithDefaultError;
+var _default = WithDefaultError;
+exports["default"] = _default;

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

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

package/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithErrorMessageInvalidCode = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SingleCharacterInputContainer = require("@digigov/ui/core/SingleCharacterInputContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _Paragraph = require("@digigov/ui/typography/Paragraph");
+
+var _ErrorMessage = require("@digigov/ui/core/ErrorMessage");
+
+var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  error: true
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  heading: true
+}, "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BC\u03BF\u03BD\u03B1\u03B4\u03B9\u03BA\u03CC \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03C0\u03BF\u03C5 \u03BB\u03AC\u03B2\u03B1\u03C4\u03B5 \u03C3\u03C4\u03BF \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03CC \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B5\u03B9\u03C3\u03AC\u03B3\u03B5\u03B9 \u03BB\u03AC\u03B8\u03BF\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC."), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputContainer, null, /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "first-digit",
+  value: 4,
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "second-digit",
+  value: 4,
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "third-digit",
+  value: 5,
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "forth-digit",
+  value: 1,
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "fifth-digit",
+  value: 2,
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "sixth-digit",
+  value: 3,
+  error: true
+}))));
+
+var WithErrorMessageInvalidCode = function WithErrorMessageInvalidCode() {
+  return _ref;
+};
+
+exports.WithErrorMessageInvalidCode = WithErrorMessageInvalidCode;
+var _default = WithErrorMessageInvalidCode;
+exports["default"] = _default;

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

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

package/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithErrorMessageLessDigit = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _SingleCharacterInputContainer = require("@digigov/ui/core/SingleCharacterInputContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _Paragraph = require("@digigov/ui/typography/Paragraph");
+
+var _ErrorMessage = require("@digigov/ui/core/ErrorMessage");
+
+var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  error: true
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  heading: true
+}, "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Paragraph.Paragraph, null, "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BC\u03BF\u03BD\u03B1\u03B4\u03B9\u03BA\u03CC \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03C0\u03BF\u03C5 \u03BB\u03AC\u03B2\u03B1\u03C4\u03B5 \u03C3\u03C4\u03BF \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03CC \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0388\u03C7\u03B5\u03C4\u03B5 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03B9 \u03BB\u03B9\u03B3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03B1\u03C0\u03CC 6 \u03C8\u03B7\u03C6\u03AF\u03B1.."), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputContainer, null, /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "first-digit",
+  value: "6"
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "second-digit",
+  value: "4"
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "third-digit",
+  value: "5"
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "forth-digit",
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "fifth-digit",
+  error: true
+}), /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputContainer.SingleCharacterInputItem, {
+  name: "sixth-digit",
+  error: true
+}))));
+
+var WithErrorMessageLessDigit = function WithErrorMessageLessDigit() {
+  return _ref;
+};
+
+exports.WithErrorMessageLessDigit = WithErrorMessageLessDigit;
+var _default = WithErrorMessageLessDigit;
+exports["default"] = _default;

package/core/SingleCharacterInputContainer/index.d.ts

@@ -0,0 +1,4 @@
+export * from '@digigov/react-core/SingleCharacterInputContainer';
+export * from '@digigov/react-core/SingleCharacterInputItem';
+import SingleCharacterInputContainer from '@digigov/react-core/SingleCharacterInputContainer';
+export default SingleCharacterInputContainer;

package/core/SingleCharacterInputContainer/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _SingleCharacterInputContainer = _interopRequireWildcard(require("@digigov/react-core/SingleCharacterInputContainer"));
+
+Object.keys(_SingleCharacterInputContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SingleCharacterInputContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SingleCharacterInputContainer[key];
+    }
+  });
+});
+
+var _SingleCharacterInputItem = require("@digigov/react-core/SingleCharacterInputItem");
+
+Object.keys(_SingleCharacterInputItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SingleCharacterInputItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SingleCharacterInputItem[key];
+    }
+  });
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = _SingleCharacterInputContainer["default"];
+exports["default"] = _default;

package/core/SingleCharacterInputContainer/index.mdx

@@ -0,0 +1,29 @@
+---
+id: otp-input
+title: SingleCharacterInputContainer
+---
+
+# SingleCharacterInputItem
+
+```bash
+import SingleCharacterInputContainer from '@digigov/ui/core/SingleCharacterInputContainer';
+```
+
+## How to use
+
+<Story
+  packageName="@digigov/ui"
+  component="core/SingleCharacterInputContainer"
+  story="Default.tsx"
+/>
+
+
+### Error message
+
+If you’re highlighting the whole date, style all the fields like this:
+
+<Story
+  packageName="@digigov/ui"
+  component="core/SingleCharacterInputContainer"
+  story="WithDefaultError.tsx"
+/>

package/es/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/es/admin/Drawer/__stories__/Default.js

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

package/es/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/es/core/ErrorSummary/ErrorSummary.stories.playwright.json

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

package/es/core/NavList/NavList.stories.js

@@ -7,8 +7,4 @@ export default {
   displayName: 'NavList'
 };
 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';

package/es/core/NavList/NavListAuto/NavListBaseAuto.js

@@ -18,7 +18,5 @@ export var NavListBaseAuto = function NavListBaseAuto(_ref) {
     layout: layout
   }, props, {
     "aria-orientation": layout
-  }), /*#__PURE__*/React.createElement(NavList, {
-    layout: layout
-  }, children));
+  }), /*#__PURE__*/React.createElement(NavList, null, children));
 };

package/es/core/NavList/NavListAuto/NavListItemAnchorAuto.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "href", "active", "layout", "children"];
+var _excluded = ["name", "href", "active", "children"];
 import React, { useContext } from 'react';
 import { NavListItemLink } from '@digigov/ui/core/NavList/NavListItemLink';
 import NavListContextAuto from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
@@ -11,7 +11,6 @@ export var NavListItemAnchorAuto = function NavListItemAnchorAuto(_ref) {
   var name = _ref.name,
       href = _ref.href,
       active = _ref.active,
-      layout = _ref.layout,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -19,9 +18,7 @@ export var NavListItemAnchorAuto = function NavListItemAnchorAuto(_ref) {
       container = _useContext.container,
       setRegisterLink = _useContext.setRegisterLink;
 
-  return /*#__PURE__*/React.createElement(NavListItem, {
-    layout: layout
-  }, setRegisterLink && /*#__PURE__*/React.createElement(NavListItemLink, _extends({
+  return /*#__PURE__*/React.createElement(NavListItem, null, setRegisterLink && /*#__PURE__*/React.createElement(NavListItemLink, _extends({
     href: href,
     active: active || container && ((_container = container(name)) === null || _container === void 0 ? void 0 : _container.active)
   }, props, setRegisterLink(name)), children));

package/es/core/NavList/NavListAuto/NavListItemAuto.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["item", "children", "role"];
 import React, { useContext } from 'react';
@@ -25,9 +24,7 @@ export 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.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement(NavListItem, _extends({
-    layout: layout
-  }, props), children) : item !== null && item !== void 0 && item.menu || item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/React.createElement(NavItemButtonAuto, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children ? /*#__PURE__*/React.createElement(NavListItem, props, children) : item !== null && item !== void 0 && item.menu || item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/React.createElement(NavItemButtonAuto, {
     item: item,
     name: itemName,
     active: container && ((_container = container(itemName)) === null || _container === void 0 ? void 0 : _container.active),
@@ -35,8 +32,7 @@ export var NavListItemAuto = function NavListItemAuto(_ref) {
     layout: layout
   }, item === null || item === void 0 ? void 0 : item.label) : /*#__PURE__*/React.createElement(NavItemAnchorAuto, {
     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);
 };
 export default NavListItemAuto;

package/es/core/NavList/NavListAuto/NavListItemButtonAuto.js

@@ -13,9 +13,7 @@ export var NavListItemButtonAuto = function NavListItemButtonAuto(_ref) {
       onSelect = _ref.onSelect,
       layout = _ref.layout,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, onSelect && /*#__PURE__*/React.createElement(NavListItem, {
-    layout: layout
-  }, /*#__PURE__*/React.createElement(NavListItemButton, _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, onSelect && /*#__PURE__*/React.createElement(NavListItem, null, /*#__PURE__*/React.createElement(NavListItemButton, _extends({
     active: active
   }, onSelect(name)), children)), item !== null && item !== void 0 && item.subMenu ? /*#__PURE__*/React.createElement(NavItemSubMenuAuto, {
     items: item === null || item === void 0 ? void 0 : item.subMenu,

package/es/core/NavList/NavListAuto/NavListMenuAuto.js

@@ -20,11 +20,8 @@ export var NavListMenuAuto = function NavListMenuAuto(_ref) {
     layout: layout,
     paddingLeft: 5,
     paddingRight: 5
-  }, /*#__PURE__*/React.createElement(NavMenuContainerTitle, {
-    layout: layout
-  }, title), /*#__PURE__*/React.createElement(NavMenuContainerContent, null, /*#__PURE__*/React.createElement(NavMenuContainerContentList, {
-    role: "menu",
-    layout: layout
+  }, /*#__PURE__*/React.createElement(NavMenuContainerTitle, null, title), /*#__PURE__*/React.createElement(NavMenuContainerContent, null, /*#__PURE__*/React.createElement(NavMenuContainerContentList, {
+    role: "menu"
   }, subMenu === null || subMenu === void 0 ? void 0 : subMenu.map(function (item, index) {
     return /*#__PURE__*/React.createElement(NavMenuContainerContentListItem, {
       role: "presentation",

package/es/core/NavList/NavListAuto/NavListSubMenuAuto.js

@@ -16,9 +16,7 @@ export var NavListSubMenuAuto = function NavListSubMenuAuto(_ref) {
     layout: layout
   }, props, {
     "aria-orientation": layout
-  }), /*#__PURE__*/React.createElement(NavList, {
-    layout: layout
-  }, items === null || items === void 0 ? void 0 : items.map(function (subMenuItem, index) {
+  }), /*#__PURE__*/React.createElement(NavList, null, items === null || items === void 0 ? void 0 : items.map(function (subMenuItem, index) {
     return /*#__PURE__*/React.createElement(NavItemAuto, {
       key: index,
       item: subMenuItem

package/es/core/NavList/NavListItem.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["link", "layout", "setRegisterButton", "setRegisterLink", "active", "children"];
+var _excluded = ["link", "setRegisterButton", "setRegisterLink", "active", "children"];
 import React from 'react';
 import NavListItemContainer from '@digigov/react-core/NavListItem';
 import NavListItemButton from '@digigov/ui/core/NavList/NavListItemButton';
@@ -8,16 +8,13 @@ import { NavListItemLink } from '@digigov/ui/core/NavList/NavListItemLink';
 import { isNavListItemLinkInterface, isNavListItemSubMenuInterface } from '@digigov/ui/core/NavList/types';
 export 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 = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(NavListItemContainer, _extends({
-    layout: layout
-  }, props), children ? children : isNavListItemSubMenuInterface(link) && link !== null && link !== void 0 && link.subMenu ? /*#__PURE__*/React.createElement(NavListItemButton, setRegisterButton && setRegisterButton(link.name), link === null || link === void 0 ? void 0 : link.label) : isNavListItemLinkInterface(link) && /*#__PURE__*/React.createElement(NavListItemLink, _extends({
+  return /*#__PURE__*/React.createElement(NavListItemContainer, props, children ? children : isNavListItemSubMenuInterface(link) && link !== null && link !== void 0 && link.subMenu ? /*#__PURE__*/React.createElement(NavListItemButton, setRegisterButton && setRegisterButton(link.name), link === null || link === void 0 ? void 0 : link.label) : isNavListItemLinkInterface(link) && /*#__PURE__*/React.createElement(NavListItemLink, _extends({
     href: link === null || link === void 0 ? void 0 : link.href
   }, setRegisterLink && setRegisterLink(link.name), {
     active: active

package/es/core/NavList/NavListItemBase.js

@@ -24,7 +24,6 @@ export var NavListItemBase = function NavListItemBase(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavListItem, _extends({
-    layout: layout,
     link: item,
     setRegisterButton: setRegisterButton,
     role: "menuitem"
@@ -34,11 +33,7 @@ export var NavListItemBase = function NavListItemBase(_ref) {
     layout: layout,
     paddingLeft: 5,
     paddingRight: 5
-  }, /*#__PURE__*/React.createElement(NavMenuContainerTitle, {
-    layout: layout
-  }, item.label), /*#__PURE__*/React.createElement(NavMenuContainerContent, null, /*#__PURE__*/React.createElement(NavMenuContainerContentList, {
-    layout: layout
-  }, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
+  }, /*#__PURE__*/React.createElement(NavMenuContainerTitle, null, item.label), /*#__PURE__*/React.createElement(NavMenuContainerContent, null, /*#__PURE__*/React.createElement(NavMenuContainerContentList, null, (_item$subMenu = item.subMenu) === null || _item$subMenu === void 0 ? void 0 : _item$subMenu.map(function (subMenu, menuIndex) {
     return isNavListItemLinkInterface(subMenu) && /*#__PURE__*/React.createElement(NavMenuContainerContentListItem, {
       key: menuIndex
     }, /*#__PURE__*/React.createElement(Link, {

package/es/core/NavList/NavMenuContainerContentList.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["layout", "children"];
+var _excluded = ["children"];
 import React from 'react';
 import NavMenuContainerContentListWrapper from '@digigov/react-core/NavMenuContainerContentList';
 export * from '@digigov/react-core/NavMenuContainerContentList';
@@ -41,13 +41,10 @@ var focusNavListItem = function focusNavListItem(e, nextItemIndex) {
 };
 
 export var NavMenuContainerContentList = function NavMenuContainerContentList(_ref) {
-  var layout = _ref.layout,
-      children = _ref.children,
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(NavMenuContainerContentListWrapper, _extends({
-    layout: layout
-  }, props, {
+  return /*#__PURE__*/React.createElement(NavMenuContainerContentListWrapper, _extends({}, props, {
     onKeyDown: function onKeyDown(event) {
       switch (event.key) {
         case 'ArrowDown':

package/es/core/NavList/__stories__/Default.js

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