@digigov/ui 0.31.0 → 0.32.0

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

@@ -29,9 +29,9 @@ var links = [{
   href: '#',
   label: 'Nav list item 3'
 }];
-export var NavHorizontalLayout = function NavHorizontalLayout() {
-  var layout = 'horizontal';
-  var border = true;
+export var NavVerticalLayout = function NavVerticalLayout() {
+  var layout = 'vertical';
+  var border = false;
 
   var _useNavList = useNavList(),
       container = _useNavList.container,
@@ -50,15 +50,12 @@ export var NavHorizontalLayout = function NavHorizontalLayout() {
     open: true,
     layout: layout,
     border: border
-  }, /*#__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
@@ -68,11 +65,8 @@ export var NavHorizontalLayout = function NavHorizontalLayout() {
       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, {
         role: "presentation",
@@ -85,4 +79,4 @@ export var NavHorizontalLayout = function NavHorizontalLayout() {
     }))))));
   })));
 };
-export default NavHorizontalLayout;
+export default NavVerticalLayout;

package/es/core/NavList/index.js

@@ -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/es/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories.js

@@ -0,0 +1,12 @@
+import SingleCharacterInputContainer from '@digigov/ui/core/SingleCharacterInputContainer';
+export 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,
+  displayName: 'SingleCharacterInputContainer'
+};
+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';

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { SingleCharacterInputContainer, SingleCharacterInputItem } from '@digigov/ui/core/SingleCharacterInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
+  heading: true
+}, "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(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.createElement(SingleCharacterInputContainer, null, /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "first-digit",
+  value: 4
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "second-digit",
+  value: 4
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "third-digit",
+  value: 5
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "forth-digit",
+  value: 1
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "fifth-digit",
+  value: 2
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "sixth-digit",
+  value: 3
+}))));
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/es/core/SingleCharacterInputContainer/__stories__/WithDefaultError.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { SingleCharacterInputContainer, SingleCharacterInputItem } from '@digigov/ui/core/SingleCharacterInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
+  error: true
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
+  heading: true
+}, "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(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.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(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.createElement(SingleCharacterInputContainer, null, /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "first-digit",
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "second-digit",
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "third-digit",
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "forth-digit",
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "fifth-digit",
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "sixth-digit",
+  error: true
+}))));
+
+export var WithDefaultError = function WithDefaultError() {
+  return _ref;
+};
+export default WithDefaultError;

package/es/core/SingleCharacterInputContainer/__stories__/WithErrorMessageInvalidCode.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { SingleCharacterInputContainer, SingleCharacterInputItem } from '@digigov/ui/core/SingleCharacterInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
+  error: true
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
+  heading: true
+}, "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(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.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(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.createElement(SingleCharacterInputContainer, null, /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "first-digit",
+  value: 4,
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "second-digit",
+  value: 4,
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "third-digit",
+  value: 5,
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "forth-digit",
+  value: 1,
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "fifth-digit",
+  value: 2,
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "sixth-digit",
+  value: 3,
+  error: true
+}))));
+
+export var WithErrorMessageInvalidCode = function WithErrorMessageInvalidCode() {
+  return _ref;
+};
+export default WithErrorMessageInvalidCode;

package/es/core/SingleCharacterInputContainer/__stories__/WithErrorMessageLessDigit.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { SingleCharacterInputContainer, SingleCharacterInputItem } from '@digigov/ui/core/SingleCharacterInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
+  error: true
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
+  heading: true
+}, "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(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.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(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.createElement(SingleCharacterInputContainer, null, /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "first-digit",
+  value: "6"
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "second-digit",
+  value: "4"
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "third-digit",
+  value: "5"
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "forth-digit",
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "fifth-digit",
+  error: true
+}), /*#__PURE__*/React.createElement(SingleCharacterInputItem, {
+  name: "sixth-digit",
+  error: true
+}))));
+
+export var WithErrorMessageLessDigit = function WithErrorMessageLessDigit() {
+  return _ref;
+};
+export default WithErrorMessageLessDigit;

package/es/core/SingleCharacterInputContainer/index.js

@@ -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/es/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/locales/el.js

@@ -29,6 +29,10 @@ export default {
         invalid: 'Η ημερομηνία πρέπει να είναι έγκυρη.',
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
         later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}'
+      },
+      otp: {
+        invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',
+        less_than: 'Έχετε συμπληρώσει λιγότερα από {{maxLength}} ψηφία.'
       }
     }
   },

package/es/registry.js

@@ -122,6 +122,7 @@ import * as _digigov_ui_core_RadioContainer from '@digigov/ui/core/RadioContaine
 import * as _digigov_ui_core_SectionBreak from '@digigov/ui/core/SectionBreak';
 import * as _digigov_ui_core_SelectContainer from '@digigov/ui/core/SelectContainer';
 import * as _digigov_ui_core_ServiceBadge from '@digigov/ui/core/ServiceBadge';
+import * as _digigov_ui_core_SingleCharacterInputContainer from '@digigov/ui/core/SingleCharacterInputContainer';
 import * as _digigov_ui_core_SkipLink from '@digigov/ui/core/SkipLink';
 import * as _digigov_ui_core_SummaryList from '@digigov/ui/core/SummaryList';
 import * as _digigov_ui_core_SvgIcon from '@digigov/ui/core/SvgIcon';
@@ -333,6 +334,7 @@ export default {
   '@digigov/ui/core/SectionBreak': lazyImport(_digigov_ui_core_SectionBreak),
   '@digigov/ui/core/SelectContainer': lazyImport(_digigov_ui_core_SelectContainer),
   '@digigov/ui/core/ServiceBadge': lazyImport(_digigov_ui_core_ServiceBadge),
+  '@digigov/ui/core/SingleCharacterInputContainer': lazyImport(_digigov_ui_core_SingleCharacterInputContainer),
   '@digigov/ui/core/SkipLink': lazyImport(_digigov_ui_core_SkipLink),
   '@digigov/ui/core/SummaryList': lazyImport(_digigov_ui_core_SummaryList),
   '@digigov/ui/core/SvgIcon': lazyImport(_digigov_ui_core_SvgIcon),
@@ -443,6 +445,7 @@ import * as _digigov_ui_core_NotificationBanner_NotificationBanner_stories from
 import * as _digigov_ui_core_PhaseBanner_PhaseBanner_stories from '@digigov/ui/core/PhaseBanner/PhaseBanner.stories';
 import * as _digigov_ui_core_RadioContainer_RadioContainer_stories from '@digigov/ui/core/RadioContainer/RadioContainer.stories';
 import * as _digigov_ui_core_SelectContainer_Select_stories from '@digigov/ui/core/SelectContainer/Select.stories';
+import * as _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories from '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories';
 import * as _digigov_ui_core_SummaryList_SummaryList_stories from '@digigov/ui/core/SummaryList/SummaryList.stories';
 import * as _digigov_ui_core_Table_Table_stories from '@digigov/ui/core/Table/Table.stories';
 import * as _digigov_ui_core_Tabs_Tabs_stories from '@digigov/ui/core/Tabs/Tabs.stories';
@@ -496,6 +499,7 @@ export var stories = {
   '@digigov/ui/core/PhaseBanner/PhaseBanner.stories': _digigov_ui_core_PhaseBanner_PhaseBanner_stories,
   '@digigov/ui/core/RadioContainer/RadioContainer.stories': _digigov_ui_core_RadioContainer_RadioContainer_stories,
   '@digigov/ui/core/SelectContainer/Select.stories': _digigov_ui_core_SelectContainer_Select_stories,
+  '@digigov/ui/core/SingleCharacterInputContainer/SingleCharacterInputContainer.stories': _digigov_ui_core_SingleCharacterInputContainer_SingleCharacterInputContainer_stories,
   '@digigov/ui/core/SummaryList/SummaryList.stories': _digigov_ui_core_SummaryList_SummaryList_stories,
   '@digigov/ui/core/Table/Table.stories': _digigov_ui_core_Table_Table_stories,
   '@digigov/ui/core/Tabs/Tabs.stories': _digigov_ui_core_Tabs_Tabs_stories,

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

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

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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,