@digigov/ui 1.0.0-002c630d → 1.0.0-290a96e2

package/navigation/Tabs/Tabs.stories.playwright.json

@@ -8,13 +8,13 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>ul>li:nth-child(2)>a"
+                "selector": "html>body>div:nth-child(5)>div>ul>li:nth-child(2)>button"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>ul>li:nth-child(2)>a"
+                "selector": "html>body>div:nth-child(5)>div>ul>li:nth-child(2)>button"
               }
             }
           ],

package/navigation/Tabs/__stories__/Default.js

@@ -20,16 +20,20 @@ var _Heading = require("@digigov/ui/typography/Heading");
 
 var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Tabs.TabsHeading, {
+  size: "md"
+}, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "md",
   element: "h3"
 }, "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7");
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, ' ', /*#__PURE__*/_react["default"].createElement(_Link.Link, {
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryList, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, ' ', /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   href: "#"
 }, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, " \u03BF\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2 ")))), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u0397\u03BC. \u0393\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "11 \u039C\u03B1\u03CA\u03BF\u03C5 1990")), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItem, null, /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemValue, null, "6941234567"), /*#__PURE__*/_react["default"].createElement(_SummaryList.SummaryListItemAction, null, ' ', /*#__PURE__*/_react["default"].createElement(_Link.Link, null, ' ', "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, " \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5 ")))));
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Heading.Heading, {
   size: "md",
   element: "h3"
 }, "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2");
@@ -39,7 +43,7 @@ function Default() {
       register = _useTabs.register,
       panel = _useTabs.panel;
 
-  return /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs, null, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsList, null, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('a'), "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('b'), "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('a'), _ref, _ref2), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('b'), _ref3, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"));
+  return /*#__PURE__*/_react["default"].createElement(_Tabs.Tabs, null, _ref, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsList, null, /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('a'), "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03C0\u03BF\u03BB\u03AF\u03C4\u03B7"), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsListItem, register('b'), "Y\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('a'), _ref2, _ref3), /*#__PURE__*/_react["default"].createElement(_Tabs.TabsPanel, panel('b'), _ref4, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03B1 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD"));
 }
 
 var _default = Default;

package/navigation/Tabs/index.js

@@ -110,7 +110,7 @@ var useTabs = function useTabs() {
 
   var _useTogglableTab = (0, _useTogglableTab2.useTogglableTab)({
     singleOpen: true,
-    toggleProperty: 'selected',
+    toggleProperty: 'open',
     onToggleProperty: 'onClick',
     firstOpen: true,
     ariaNavigation: true,

package/navigation/Tabs/index.mdx

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "1.0.0-002c630d",
+  "version": "1.0.0-290a96e2",
   "description": "@digigov reusable components toolkit",
   "main": "./index.js",
   "module": "./esm/index.js",
@@ -13,7 +13,7 @@
     "react-query": "2.26.4",
     "yup": "0.32.11",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.0.0-002c630d"
+    "@digigov/react-icons": "1.0.0-290a96e2"
   },
   "peerDependencies": {
     "@material-ui/core": "4.11.3",
@@ -21,7 +21,7 @@
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "1.0.0-002c630d"
+    "@digigov/react-core": "1.0.0-290a96e2"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/registry.d.ts

@@ -11,15 +11,14 @@ declare var _default: {
     '@digigov/ui/app/App': {};
     '@digigov/ui/app/BannerContainer': {};
     '@digigov/ui/app/BottomInfo': {};
-    '@digigov/ui/app/Confirmation': {};
-    '@digigov/ui/app/FilterSection': {};
+    '@digigov/ui/app/CloseButton': {};
+    '@digigov/ui/app/FilterContainer': {};
     '@digigov/ui/app/Footer': {};
     '@digigov/ui/app/Header/HeaderContent': {};
     '@digigov/ui/app/Header/HeaderLogo': {};
     '@digigov/ui/app/Header/HeaderNavMenuContent': {};
     '@digigov/ui/app/Header/HeaderSecondaryLogo': {};
     '@digigov/ui/app/Header/HeaderSection': {};
-    '@digigov/ui/app/Header/HeaderSubtitle': {};
     '@digigov/ui/app/Header/HeaderTitle': {};
     '@digigov/ui/app/Header': {};
     '@digigov/ui/app/hooks/useFontSize': {};
@@ -36,7 +35,8 @@ declare var _default: {
     '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion': {};
     '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': {};
     '@digigov/ui/app/OutdatedBrowserBanner': {};
-    '@digigov/ui/app/PageTitle': {};
+    '@digigov/ui/app/PageTitleContainer': {};
+    '@digigov/ui/app/Panel': {};
     '@digigov/ui/app/PhaseBannerHeader': {};
     '@digigov/ui/app/QrCodeScanner': {};
     '@digigov/ui/app/QrCodeViewer': {};
@@ -90,9 +90,9 @@ declare var _default: {
     '@digigov/ui/form': {};
     '@digigov/ui/form/LabelContainer': {};
     '@digigov/ui/form/RadioContainer': {};
-    '@digigov/ui/form/SearchSection': {};
+    '@digigov/ui/form/SearchContainer': {};
     '@digigov/ui/form/SelectContainer': {};
-    '@digigov/ui/form/SingleCharacterInputContainer': {};
+    '@digigov/ui/form/SingleCharacterInputs': {};
     '@digigov/ui/form/TextArea': {};
     '@digigov/ui/form/TextInput': {};
     '@digigov/ui/govgr/Footer/Copyright': {};
@@ -133,7 +133,9 @@ declare var _default: {
     '@digigov/ui/layouts/Grid': {};
     '@digigov/ui/layouts/Hidden': {};
     '@digigov/ui/layouts': {};
+    '@digigov/ui/layouts/Section': {};
     '@digigov/ui/layouts/SectionBreak': {};
+    '@digigov/ui/layouts/Stack': {};
     '@digigov/ui/misc/KitchenSink': {};
     '@digigov/ui/navigation/BackLink': {};
     '@digigov/ui/navigation/Breadcrumbs': {};
@@ -146,26 +148,8 @@ declare var _default: {
     '@digigov/ui/navigation/NavList': {};
     '@digigov/ui/navigation/NavList/Nav': {};
     '@digigov/ui/navigation/NavList/NavList': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListBaseAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAnchorAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListItemButtonAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListMenuAuto': {};
-    '@digigov/ui/navigation/NavList/NavListAuto/NavListSubMenuAuto': {};
-    '@digigov/ui/navigation/NavList/NavListItem': {};
-    '@digigov/ui/navigation/NavList/NavListItemBase': {};
-    '@digigov/ui/navigation/NavList/NavListItemButton': {};
-    '@digigov/ui/navigation/NavList/NavListItemLink': {};
-    '@digigov/ui/navigation/NavList/NavMenu': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainer': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainerContent': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainerContentList': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainerContentListItem': {};
-    '@digigov/ui/navigation/NavList/NavMenuContainerTitle': {};
-    '@digigov/ui/navigation/NavList/NavVertical': {};
-    '@digigov/ui/navigation/NavList/NavVerticalItem': {};
+    '@digigov/ui/navigation/NavList/NavListAuto': {};
+    '@digigov/ui/navigation/NavList/NavMenuContentList': {};
     '@digigov/ui/navigation/NavList/types': {};
     '@digigov/ui/navigation/Pagination': {};
     '@digigov/ui/navigation/SkipLink': {};
@@ -196,13 +180,13 @@ declare var _default: {
 };
 export default _default;
 export const stories: {
-    '@digigov/ui/app/Confirmation/Confirmation.stories': typeof _digigov_ui_app_Confirmation_Confirmation_stories;
     '@digigov/ui/app/Footer/Footer.stories': typeof _digigov_ui_app_Footer_Footer_stories;
     '@digigov/ui/app/Header/Header.stories': typeof _digigov_ui_app_Header_Header_stories;
     '@digigov/ui/app/Loader/Loader.stories': typeof _digigov_ui_app_Loader_Loader_stories;
     '@digigov/ui/app/Masthead/Masthead.stories': typeof _digigov_ui_app_Masthead_Masthead_stories;
     '@digigov/ui/app/Modal/Modal.stories': typeof _digigov_ui_app_Modal_Modal_stories;
     '@digigov/ui/app/NotFound/NotFound.stories': typeof _digigov_ui_app_NotFound_NotFound_stories;
+    '@digigov/ui/app/Panel/Panel.stories': typeof _digigov_ui_app_Panel_Panel_stories;
     '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories': typeof _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories;
     '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': typeof _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories;
     '@digigov/ui/app/QrCodeViewer/QRCode.stories': typeof _digigov_ui_app_QrCodeViewer_QRCode_stories;
@@ -230,12 +214,13 @@ export const stories: {
     '@digigov/ui/form/FileUpload/FileUpload.stories': typeof _digigov_ui_form_FileUpload_FileUpload_stories;
     '@digigov/ui/form/RadioContainer/RadioContainer.stories': typeof _digigov_ui_form_RadioContainer_RadioContainer_stories;
     '@digigov/ui/form/SelectContainer/Select.stories': typeof _digigov_ui_form_SelectContainer_Select_stories;
-    '@digigov/ui/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories': typeof _digigov_ui_form_SingleCharacterInputContainer_SingleCharacterInputContainer_stories;
+    '@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories': typeof _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories;
     '@digigov/ui/form/TextArea/TextArea.stories': typeof _digigov_ui_form_TextArea_TextArea_stories;
     '@digigov/ui/form/TextInput/TextInput.stories': typeof _digigov_ui_form_TextInput_TextInput_stories;
     '@digigov/ui/layouts/Basic/Basic.stories': typeof _digigov_ui_layouts_Basic_Basic_stories;
     '@digigov/ui/layouts/Divider/Divider.stories': typeof _digigov_ui_layouts_Divider_Divider_stories;
     '@digigov/ui/layouts/Grid/Grid.stories': typeof _digigov_ui_layouts_Grid_Grid_stories;
+    '@digigov/ui/layouts/Stack/Stack.stories': typeof _digigov_ui_layouts_Stack_Stack_stories;
     '@digigov/ui/navigation/BackLink/BackLink.stories': typeof _digigov_ui_navigation_BackLink_BackLink_stories;
     '@digigov/ui/navigation/Breadcrumbs/Breadcrumbs.stories': typeof _digigov_ui_navigation_Breadcrumbs_Breadcrumbs_stories;
     '@digigov/ui/navigation/Drawer/Drawer.stories': typeof _digigov_ui_navigation_Drawer_Drawer_stories;
@@ -243,6 +228,7 @@ export const stories: {
     '@digigov/ui/navigation/Link/Link.stories': typeof _digigov_ui_navigation_Link_Link_stories;
     '@digigov/ui/navigation/NavList/NavList.stories': typeof _digigov_ui_navigation_NavList_NavList_stories;
     '@digigov/ui/navigation/Pagination/Pagination.stories': typeof _digigov_ui_navigation_Pagination_Pagination_stories;
+    '@digigov/ui/navigation/SkipLink/SkipLink.stories': typeof _digigov_ui_navigation_SkipLink_SkipLink_stories;
     '@digigov/ui/navigation/Tabs/Tabs.stories': typeof _digigov_ui_navigation_Tabs_Tabs_stories;
     '@digigov/ui/typography/Heading/Heading.stories': typeof _digigov_ui_typography_Heading_Heading_stories;
     '@digigov/ui/typography/HeadingCaption/HeadingCaption.stories': typeof _digigov_ui_typography_HeadingCaption_HeadingCaption_stories;
@@ -251,13 +237,13 @@ export const stories: {
     '@digigov/ui/typography/Paragraph/Paragraph.stories': typeof _digigov_ui_typography_Paragraph_Paragraph_stories;
     '@digigov/ui/utils/VisuallyHidden/VisuallyHidden.stories': typeof _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories;
 };
-import * as _digigov_ui_app_Confirmation_Confirmation_stories from "@digigov/ui/app/Confirmation/Confirmation.stories";
 import * as _digigov_ui_app_Footer_Footer_stories from "@digigov/ui/app/Footer/Footer.stories";
 import * as _digigov_ui_app_Header_Header_stories from "@digigov/ui/app/Header/Header.stories";
 import * as _digigov_ui_app_Loader_Loader_stories from "@digigov/ui/app/Loader/Loader.stories";
 import * as _digigov_ui_app_Masthead_Masthead_stories from "@digigov/ui/app/Masthead/Masthead.stories";
 import * as _digigov_ui_app_Modal_Modal_stories from "@digigov/ui/app/Modal/Modal.stories";
 import * as _digigov_ui_app_NotFound_NotFound_stories from "@digigov/ui/app/NotFound/NotFound.stories";
+import * as _digigov_ui_app_Panel_Panel_stories from "@digigov/ui/app/Panel/Panel.stories";
 import * as _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories from "@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories";
 import * as _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories from "@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories";
 import * as _digigov_ui_app_QrCodeViewer_QRCode_stories from "@digigov/ui/app/QrCodeViewer/QRCode.stories";
@@ -285,12 +271,13 @@ import * as _digigov_ui_form_ErrorMessage_ErrorMessage_stories from "@digigov/ui
 import * as _digigov_ui_form_FileUpload_FileUpload_stories from "@digigov/ui/form/FileUpload/FileUpload.stories";
 import * as _digigov_ui_form_RadioContainer_RadioContainer_stories from "@digigov/ui/form/RadioContainer/RadioContainer.stories";
 import * as _digigov_ui_form_SelectContainer_Select_stories from "@digigov/ui/form/SelectContainer/Select.stories";
-import * as _digigov_ui_form_SingleCharacterInputContainer_SingleCharacterInputContainer_stories from "@digigov/ui/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories";
+import * as _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories from "@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories";
 import * as _digigov_ui_form_TextArea_TextArea_stories from "@digigov/ui/form/TextArea/TextArea.stories";
 import * as _digigov_ui_form_TextInput_TextInput_stories from "@digigov/ui/form/TextInput/TextInput.stories";
 import * as _digigov_ui_layouts_Basic_Basic_stories from "@digigov/ui/layouts/Basic/Basic.stories";
 import * as _digigov_ui_layouts_Divider_Divider_stories from "@digigov/ui/layouts/Divider/Divider.stories";
 import * as _digigov_ui_layouts_Grid_Grid_stories from "@digigov/ui/layouts/Grid/Grid.stories";
+import * as _digigov_ui_layouts_Stack_Stack_stories from "@digigov/ui/layouts/Stack/Stack.stories";
 import * as _digigov_ui_navigation_BackLink_BackLink_stories from "@digigov/ui/navigation/BackLink/BackLink.stories";
 import * as _digigov_ui_navigation_Breadcrumbs_Breadcrumbs_stories from "@digigov/ui/navigation/Breadcrumbs/Breadcrumbs.stories";
 import * as _digigov_ui_navigation_Drawer_Drawer_stories from "@digigov/ui/navigation/Drawer/Drawer.stories";
@@ -298,6 +285,7 @@ import * as _digigov_ui_navigation_Dropdown_Dropdown_stories from "@digigov/ui/n
 import * as _digigov_ui_navigation_Link_Link_stories from "@digigov/ui/navigation/Link/Link.stories";
 import * as _digigov_ui_navigation_NavList_NavList_stories from "@digigov/ui/navigation/NavList/NavList.stories";
 import * as _digigov_ui_navigation_Pagination_Pagination_stories from "@digigov/ui/navigation/Pagination/Pagination.stories";
+import * as _digigov_ui_navigation_SkipLink_SkipLink_stories from "@digigov/ui/navigation/SkipLink/SkipLink.stories";
 import * as _digigov_ui_navigation_Tabs_Tabs_stories from "@digigov/ui/navigation/Tabs/Tabs.stories";
 import * as _digigov_ui_typography_Heading_Heading_stories from "@digigov/ui/typography/Heading/Heading.stories";
 import * as _digigov_ui_typography_HeadingCaption_HeadingCaption_stories from "@digigov/ui/typography/HeadingCaption/HeadingCaption.stories";

package/registry.js

@@ -31,9 +31,9 @@ var _digigov_ui_app_BannerContainer = _interopRequireWildcard(require("@digigov/
 
 var _digigov_ui_app_BottomInfo = _interopRequireWildcard(require("@digigov/ui/app/BottomInfo"));
 
-var _digigov_ui_app_Confirmation = _interopRequireWildcard(require("@digigov/ui/app/Confirmation"));
+var _digigov_ui_app_CloseButton = _interopRequireWildcard(require("@digigov/ui/app/CloseButton"));
 
-var _digigov_ui_app_FilterSection = _interopRequireWildcard(require("@digigov/ui/app/FilterSection"));
+var _digigov_ui_app_FilterContainer = _interopRequireWildcard(require("@digigov/ui/app/FilterContainer"));
 
 var _digigov_ui_app_Footer = _interopRequireWildcard(require("@digigov/ui/app/Footer"));
 
@@ -47,8 +47,6 @@ var _digigov_ui_app_Header_HeaderSecondaryLogo = _interopRequireWildcard(require
 
 var _digigov_ui_app_Header_HeaderSection = _interopRequireWildcard(require("@digigov/ui/app/Header/HeaderSection"));
 
-var _digigov_ui_app_Header_HeaderSubtitle = _interopRequireWildcard(require("@digigov/ui/app/Header/HeaderSubtitle"));
-
 var _digigov_ui_app_Header_HeaderTitle = _interopRequireWildcard(require("@digigov/ui/app/Header/HeaderTitle"));
 
 var _digigov_ui_app_Header = _interopRequireWildcard(require("@digigov/ui/app/Header"));
@@ -81,7 +79,9 @@ var _digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck = _inter
 
 var _digigov_ui_app_OutdatedBrowserBanner = _interopRequireWildcard(require("@digigov/ui/app/OutdatedBrowserBanner"));
 
-var _digigov_ui_app_PageTitle = _interopRequireWildcard(require("@digigov/ui/app/PageTitle"));
+var _digigov_ui_app_PageTitleContainer = _interopRequireWildcard(require("@digigov/ui/app/PageTitleContainer"));
+
+var _digigov_ui_app_Panel = _interopRequireWildcard(require("@digigov/ui/app/Panel"));
 
 var _digigov_ui_app_PhaseBannerHeader = _interopRequireWildcard(require("@digigov/ui/app/PhaseBannerHeader"));
 
@@ -189,11 +189,11 @@ var _digigov_ui_form_LabelContainer = _interopRequireWildcard(require("@digigov/
 
 var _digigov_ui_form_RadioContainer = _interopRequireWildcard(require("@digigov/ui/form/RadioContainer"));
 
-var _digigov_ui_form_SearchSection = _interopRequireWildcard(require("@digigov/ui/form/SearchSection"));
+var _digigov_ui_form_SearchContainer = _interopRequireWildcard(require("@digigov/ui/form/SearchContainer"));
 
 var _digigov_ui_form_SelectContainer = _interopRequireWildcard(require("@digigov/ui/form/SelectContainer"));
 
-var _digigov_ui_form_SingleCharacterInputContainer = _interopRequireWildcard(require("@digigov/ui/form/SingleCharacterInputContainer"));
+var _digigov_ui_form_SingleCharacterInputs = _interopRequireWildcard(require("@digigov/ui/form/SingleCharacterInputs"));
 
 var _digigov_ui_form_TextArea = _interopRequireWildcard(require("@digigov/ui/form/TextArea"));
 
@@ -275,8 +275,12 @@ var _digigov_ui_layouts_Hidden = _interopRequireWildcard(require("@digigov/ui/la
 
 var _digigov_ui_layouts = _interopRequireWildcard(require("@digigov/ui/layouts"));
 
+var _digigov_ui_layouts_Section = _interopRequireWildcard(require("@digigov/ui/layouts/Section"));
+
 var _digigov_ui_layouts_SectionBreak = _interopRequireWildcard(require("@digigov/ui/layouts/SectionBreak"));
 
+var _digigov_ui_layouts_Stack = _interopRequireWildcard(require("@digigov/ui/layouts/Stack"));
+
 var _digigov_ui_misc_KitchenSink = _interopRequireWildcard(require("@digigov/ui/misc/KitchenSink"));
 
 var _digigov_ui_navigation_BackLink = _interopRequireWildcard(require("@digigov/ui/navigation/BackLink"));
@@ -301,45 +305,9 @@ var _digigov_ui_navigation_NavList_Nav = _interopRequireWildcard(require("@digig
 
 var _digigov_ui_navigation_NavList_NavList = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavList"));
 
-var _digigov_ui_navigation_NavList_NavListAuto_NavListAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListBaseAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListBaseAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListContextAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListItemAnchorAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListItemAnchorAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListItemAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListItemAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListItemButtonAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListItemButtonAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListMenuAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListMenuAuto"));
-
-var _digigov_ui_navigation_NavList_NavListAuto_NavListSubMenuAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto/NavListSubMenuAuto"));
-
-var _digigov_ui_navigation_NavList_NavListItem = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListItem"));
-
-var _digigov_ui_navigation_NavList_NavListItemBase = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListItemBase"));
+var _digigov_ui_navigation_NavList_NavListAuto = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListAuto"));
 
-var _digigov_ui_navigation_NavList_NavListItemButton = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListItemButton"));
-
-var _digigov_ui_navigation_NavList_NavListItemLink = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavListItemLink"));
-
-var _digigov_ui_navigation_NavList_NavMenu = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenu"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainer = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainer"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainerContent = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainerContent"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainerContentList = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainerContentList"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainerContentListItem = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainerContentListItem"));
-
-var _digigov_ui_navigation_NavList_NavMenuContainerTitle = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContainerTitle"));
-
-var _digigov_ui_navigation_NavList_NavVertical = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavVertical"));
-
-var _digigov_ui_navigation_NavList_NavVerticalItem = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavVerticalItem"));
+var _digigov_ui_navigation_NavList_NavMenuContentList = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/NavMenuContentList"));
 
 var _digigov_ui_navigation_NavList_types = _interopRequireWildcard(require("@digigov/ui/navigation/NavList/types"));
 
@@ -395,8 +363,6 @@ var _digigov_ui_utils_VisuallyHidden = _interopRequireWildcard(require("@digigov
 
 var _digigov_ui_utils_withDeprecation = _interopRequireWildcard(require("@digigov/ui/utils/withDeprecation"));
 
-var _digigov_ui_app_Confirmation_Confirmation_stories = _interopRequireWildcard(require("@digigov/ui/app/Confirmation/Confirmation.stories"));
-
 var _digigov_ui_app_Footer_Footer_stories = _interopRequireWildcard(require("@digigov/ui/app/Footer/Footer.stories"));
 
 var _digigov_ui_app_Header_Header_stories = _interopRequireWildcard(require("@digigov/ui/app/Header/Header.stories"));
@@ -409,6 +375,8 @@ var _digigov_ui_app_Modal_Modal_stories = _interopRequireWildcard(require("@digi
 
 var _digigov_ui_app_NotFound_NotFound_stories = _interopRequireWildcard(require("@digigov/ui/app/NotFound/NotFound.stories"));
 
+var _digigov_ui_app_Panel_Panel_stories = _interopRequireWildcard(require("@digigov/ui/app/Panel/Panel.stories"));
+
 var _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories = _interopRequireWildcard(require("@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories"));
 
 var _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories = _interopRequireWildcard(require("@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories"));
@@ -463,7 +431,7 @@ var _digigov_ui_form_RadioContainer_RadioContainer_stories = _interopRequireWild
 
 var _digigov_ui_form_SelectContainer_Select_stories = _interopRequireWildcard(require("@digigov/ui/form/SelectContainer/Select.stories"));
 
-var _digigov_ui_form_SingleCharacterInputContainer_SingleCharacterInputContainer_stories = _interopRequireWildcard(require("@digigov/ui/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories"));
+var _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories = _interopRequireWildcard(require("@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories"));
 
 var _digigov_ui_form_TextArea_TextArea_stories = _interopRequireWildcard(require("@digigov/ui/form/TextArea/TextArea.stories"));
 
@@ -475,6 +443,8 @@ var _digigov_ui_layouts_Divider_Divider_stories = _interopRequireWildcard(requir
 
 var _digigov_ui_layouts_Grid_Grid_stories = _interopRequireWildcard(require("@digigov/ui/layouts/Grid/Grid.stories"));
 
+var _digigov_ui_layouts_Stack_Stack_stories = _interopRequireWildcard(require("@digigov/ui/layouts/Stack/Stack.stories"));
+
 var _digigov_ui_navigation_BackLink_BackLink_stories = _interopRequireWildcard(require("@digigov/ui/navigation/BackLink/BackLink.stories"));
 
 var _digigov_ui_navigation_Breadcrumbs_Breadcrumbs_stories = _interopRequireWildcard(require("@digigov/ui/navigation/Breadcrumbs/Breadcrumbs.stories"));
@@ -489,6 +459,8 @@ var _digigov_ui_navigation_NavList_NavList_stories = _interopRequireWildcard(req
 
 var _digigov_ui_navigation_Pagination_Pagination_stories = _interopRequireWildcard(require("@digigov/ui/navigation/Pagination/Pagination.stories"));
 
+var _digigov_ui_navigation_SkipLink_SkipLink_stories = _interopRequireWildcard(require("@digigov/ui/navigation/SkipLink/SkipLink.stories"));
+
 var _digigov_ui_navigation_Tabs_Tabs_stories = _interopRequireWildcard(require("@digigov/ui/navigation/Tabs/Tabs.stories"));
 
 var _digigov_ui_typography_Heading_Heading_stories = _interopRequireWildcard(require("@digigov/ui/typography/Heading/Heading.stories"));
@@ -535,15 +507,14 @@ var _default = {
   '@digigov/ui/app/App': lazyImport(_digigov_ui_app_App),
   '@digigov/ui/app/BannerContainer': lazyImport(_digigov_ui_app_BannerContainer),
   '@digigov/ui/app/BottomInfo': lazyImport(_digigov_ui_app_BottomInfo),
-  '@digigov/ui/app/Confirmation': lazyImport(_digigov_ui_app_Confirmation),
-  '@digigov/ui/app/FilterSection': lazyImport(_digigov_ui_app_FilterSection),
+  '@digigov/ui/app/CloseButton': lazyImport(_digigov_ui_app_CloseButton),
+  '@digigov/ui/app/FilterContainer': lazyImport(_digigov_ui_app_FilterContainer),
   '@digigov/ui/app/Footer': lazyImport(_digigov_ui_app_Footer),
   '@digigov/ui/app/Header/HeaderContent': lazyImport(_digigov_ui_app_Header_HeaderContent),
   '@digigov/ui/app/Header/HeaderLogo': lazyImport(_digigov_ui_app_Header_HeaderLogo),
   '@digigov/ui/app/Header/HeaderNavMenuContent': lazyImport(_digigov_ui_app_Header_HeaderNavMenuContent),
   '@digigov/ui/app/Header/HeaderSecondaryLogo': lazyImport(_digigov_ui_app_Header_HeaderSecondaryLogo),
   '@digigov/ui/app/Header/HeaderSection': lazyImport(_digigov_ui_app_Header_HeaderSection),
-  '@digigov/ui/app/Header/HeaderSubtitle': lazyImport(_digigov_ui_app_Header_HeaderSubtitle),
   '@digigov/ui/app/Header/HeaderTitle': lazyImport(_digigov_ui_app_Header_HeaderTitle),
   '@digigov/ui/app/Header': lazyImport(_digigov_ui_app_Header),
   '@digigov/ui/app/hooks/useFontSize': lazyImport(_digigov_ui_app_hooks_useFontSize),
@@ -560,7 +531,8 @@ var _default = {
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_evaluateBrowserVersion),
   '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck': lazyImport(_digigov_ui_app_OutdatedBrowserBanner_hooks_useOutdatedBrowserCheck),
   '@digigov/ui/app/OutdatedBrowserBanner': lazyImport(_digigov_ui_app_OutdatedBrowserBanner),
-  '@digigov/ui/app/PageTitle': lazyImport(_digigov_ui_app_PageTitle),
+  '@digigov/ui/app/PageTitleContainer': lazyImport(_digigov_ui_app_PageTitleContainer),
+  '@digigov/ui/app/Panel': lazyImport(_digigov_ui_app_Panel),
   '@digigov/ui/app/PhaseBannerHeader': lazyImport(_digigov_ui_app_PhaseBannerHeader),
   '@digigov/ui/app/QrCodeScanner': lazyImport(_digigov_ui_app_QrCodeScanner),
   '@digigov/ui/app/QrCodeViewer': lazyImport(_digigov_ui_app_QrCodeViewer),
@@ -614,9 +586,9 @@ var _default = {
   '@digigov/ui/form': lazyImport(_digigov_ui_form),
   '@digigov/ui/form/LabelContainer': lazyImport(_digigov_ui_form_LabelContainer),
   '@digigov/ui/form/RadioContainer': lazyImport(_digigov_ui_form_RadioContainer),
-  '@digigov/ui/form/SearchSection': lazyImport(_digigov_ui_form_SearchSection),
+  '@digigov/ui/form/SearchContainer': lazyImport(_digigov_ui_form_SearchContainer),
   '@digigov/ui/form/SelectContainer': lazyImport(_digigov_ui_form_SelectContainer),
-  '@digigov/ui/form/SingleCharacterInputContainer': lazyImport(_digigov_ui_form_SingleCharacterInputContainer),
+  '@digigov/ui/form/SingleCharacterInputs': lazyImport(_digigov_ui_form_SingleCharacterInputs),
   '@digigov/ui/form/TextArea': lazyImport(_digigov_ui_form_TextArea),
   '@digigov/ui/form/TextInput': lazyImport(_digigov_ui_form_TextInput),
   '@digigov/ui/govgr/Footer/Copyright': lazyImport(_digigov_ui_govgr_Footer_Copyright),
@@ -657,7 +629,9 @@ var _default = {
   '@digigov/ui/layouts/Grid': lazyImport(_digigov_ui_layouts_Grid),
   '@digigov/ui/layouts/Hidden': lazyImport(_digigov_ui_layouts_Hidden),
   '@digigov/ui/layouts': lazyImport(_digigov_ui_layouts),
+  '@digigov/ui/layouts/Section': lazyImport(_digigov_ui_layouts_Section),
   '@digigov/ui/layouts/SectionBreak': lazyImport(_digigov_ui_layouts_SectionBreak),
+  '@digigov/ui/layouts/Stack': lazyImport(_digigov_ui_layouts_Stack),
   '@digigov/ui/misc/KitchenSink': lazyImport(_digigov_ui_misc_KitchenSink),
   '@digigov/ui/navigation/BackLink': lazyImport(_digigov_ui_navigation_BackLink),
   '@digigov/ui/navigation/Breadcrumbs': lazyImport(_digigov_ui_navigation_Breadcrumbs),
@@ -670,26 +644,8 @@ var _default = {
   '@digigov/ui/navigation/NavList': lazyImport(_digigov_ui_navigation_NavList),
   '@digigov/ui/navigation/NavList/Nav': lazyImport(_digigov_ui_navigation_NavList_Nav),
   '@digigov/ui/navigation/NavList/NavList': lazyImport(_digigov_ui_navigation_NavList_NavList),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListBaseAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListBaseAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListContextAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListContextAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAnchorAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListItemAnchorAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListItemAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListItemAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListItemButtonAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListItemButtonAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListMenuAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListMenuAuto),
-  '@digigov/ui/navigation/NavList/NavListAuto/NavListSubMenuAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto_NavListSubMenuAuto),
-  '@digigov/ui/navigation/NavList/NavListItem': lazyImport(_digigov_ui_navigation_NavList_NavListItem),
-  '@digigov/ui/navigation/NavList/NavListItemBase': lazyImport(_digigov_ui_navigation_NavList_NavListItemBase),
-  '@digigov/ui/navigation/NavList/NavListItemButton': lazyImport(_digigov_ui_navigation_NavList_NavListItemButton),
-  '@digigov/ui/navigation/NavList/NavListItemLink': lazyImport(_digigov_ui_navigation_NavList_NavListItemLink),
-  '@digigov/ui/navigation/NavList/NavMenu': lazyImport(_digigov_ui_navigation_NavList_NavMenu),
-  '@digigov/ui/navigation/NavList/NavMenuContainer': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainer),
-  '@digigov/ui/navigation/NavList/NavMenuContainerContent': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainerContent),
-  '@digigov/ui/navigation/NavList/NavMenuContainerContentList': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainerContentList),
-  '@digigov/ui/navigation/NavList/NavMenuContainerContentListItem': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainerContentListItem),
-  '@digigov/ui/navigation/NavList/NavMenuContainerTitle': lazyImport(_digigov_ui_navigation_NavList_NavMenuContainerTitle),
-  '@digigov/ui/navigation/NavList/NavVertical': lazyImport(_digigov_ui_navigation_NavList_NavVertical),
-  '@digigov/ui/navigation/NavList/NavVerticalItem': lazyImport(_digigov_ui_navigation_NavList_NavVerticalItem),
+  '@digigov/ui/navigation/NavList/NavListAuto': lazyImport(_digigov_ui_navigation_NavList_NavListAuto),
+  '@digigov/ui/navigation/NavList/NavMenuContentList': lazyImport(_digigov_ui_navigation_NavList_NavMenuContentList),
   '@digigov/ui/navigation/NavList/types': lazyImport(_digigov_ui_navigation_NavList_types),
   '@digigov/ui/navigation/Pagination': lazyImport(_digigov_ui_navigation_Pagination),
   '@digigov/ui/navigation/SkipLink': lazyImport(_digigov_ui_navigation_SkipLink),
@@ -720,13 +676,13 @@ var _default = {
 };
 exports["default"] = _default;
 var stories = {
-  '@digigov/ui/app/Confirmation/Confirmation.stories': _digigov_ui_app_Confirmation_Confirmation_stories,
   '@digigov/ui/app/Footer/Footer.stories': _digigov_ui_app_Footer_Footer_stories,
   '@digigov/ui/app/Header/Header.stories': _digigov_ui_app_Header_Header_stories,
   '@digigov/ui/app/Loader/Loader.stories': _digigov_ui_app_Loader_Loader_stories,
   '@digigov/ui/app/Masthead/Masthead.stories': _digigov_ui_app_Masthead_Masthead_stories,
   '@digigov/ui/app/Modal/Modal.stories': _digigov_ui_app_Modal_Modal_stories,
   '@digigov/ui/app/NotFound/NotFound.stories': _digigov_ui_app_NotFound_NotFound_stories,
+  '@digigov/ui/app/Panel/Panel.stories': _digigov_ui_app_Panel_Panel_stories,
   '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories': _digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories,
   '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': _digigov_ui_app_QrCodeScanner_QrCodeScanner_stories,
   '@digigov/ui/app/QrCodeViewer/QRCode.stories': _digigov_ui_app_QrCodeViewer_QRCode_stories,
@@ -754,12 +710,13 @@ var stories = {
   '@digigov/ui/form/FileUpload/FileUpload.stories': _digigov_ui_form_FileUpload_FileUpload_stories,
   '@digigov/ui/form/RadioContainer/RadioContainer.stories': _digigov_ui_form_RadioContainer_RadioContainer_stories,
   '@digigov/ui/form/SelectContainer/Select.stories': _digigov_ui_form_SelectContainer_Select_stories,
-  '@digigov/ui/form/SingleCharacterInputContainer/SingleCharacterInputContainer.stories': _digigov_ui_form_SingleCharacterInputContainer_SingleCharacterInputContainer_stories,
+  '@digigov/ui/form/SingleCharacterInputs/SingleCharacterInput.stories': _digigov_ui_form_SingleCharacterInputs_SingleCharacterInput_stories,
   '@digigov/ui/form/TextArea/TextArea.stories': _digigov_ui_form_TextArea_TextArea_stories,
   '@digigov/ui/form/TextInput/TextInput.stories': _digigov_ui_form_TextInput_TextInput_stories,
   '@digigov/ui/layouts/Basic/Basic.stories': _digigov_ui_layouts_Basic_Basic_stories,
   '@digigov/ui/layouts/Divider/Divider.stories': _digigov_ui_layouts_Divider_Divider_stories,
   '@digigov/ui/layouts/Grid/Grid.stories': _digigov_ui_layouts_Grid_Grid_stories,
+  '@digigov/ui/layouts/Stack/Stack.stories': _digigov_ui_layouts_Stack_Stack_stories,
   '@digigov/ui/navigation/BackLink/BackLink.stories': _digigov_ui_navigation_BackLink_BackLink_stories,
   '@digigov/ui/navigation/Breadcrumbs/Breadcrumbs.stories': _digigov_ui_navigation_Breadcrumbs_Breadcrumbs_stories,
   '@digigov/ui/navigation/Drawer/Drawer.stories': _digigov_ui_navigation_Drawer_Drawer_stories,
@@ -767,6 +724,7 @@ var stories = {
   '@digigov/ui/navigation/Link/Link.stories': _digigov_ui_navigation_Link_Link_stories,
   '@digigov/ui/navigation/NavList/NavList.stories': _digigov_ui_navigation_NavList_NavList_stories,
   '@digigov/ui/navigation/Pagination/Pagination.stories': _digigov_ui_navigation_Pagination_Pagination_stories,
+  '@digigov/ui/navigation/SkipLink/SkipLink.stories': _digigov_ui_navigation_SkipLink_SkipLink_stories,
   '@digigov/ui/navigation/Tabs/Tabs.stories': _digigov_ui_navigation_Tabs_Tabs_stories,
   '@digigov/ui/typography/Heading/Heading.stories': _digigov_ui_typography_Heading_Heading_stories,
   '@digigov/ui/typography/HeadingCaption/HeadingCaption.stories': _digigov_ui_typography_HeadingCaption_HeadingCaption_stories,

package/src/app/CloseButton/index.tsx

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

package/src/app/{FilterSection → FilterContainer}/index.tsx

@@ -1,13 +1,12 @@
-export * from '@digigov/react-core/FilterSection';
-export * from '@digigov/react-core/FilterHeading';
+export * from '@digigov/react-core/FilterContainer';
+export * from '@digigov/react-core/FilterHeadingContainer';
 export * from '@digigov/react-core/FilterContent';
 export * from '@digigov/react-core/FilterOptionsSection';
 export * from '@digigov/react-core/FilterSelectedHeading';
 export * from '@digigov/react-core/FilterSelectedSection';
-export * from '@digigov/react-core/FilterCloseButton';
 export * from '@digigov/react-core/ResultsHeading';
 export * from '@digigov/react-core/ResultsActionBar';
 export * from '@digigov/react-core/ResultsHeadingActions';
 
-import FilterSection from '@digigov/react-core/FilterSection';
-export default FilterSection;
+import FilterContainer from '@digigov/react-core/FilterContainer';
+export default FilterContainer;

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

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