@digigov/ui 2.0.0-555d1027 → 2.0.0-5e7a6790

package/src/navigation/Dropdown/Dropdown.stories.jsx

@@ -0,0 +1,118 @@
+import React from 'react';
+import { SectionBreak } from '@digigov/ui/layouts/SectionBreak';
+import {
+  Dropdown,
+  DropdownButton,
+  DropdownContent,
+} from '@digigov/ui/navigation/Dropdown';
+import { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';
+
+import doc from './doc.mdx?raw';
+export default {
+  title: 'Digigov UI/navigation/Dropdown',
+  description:
+    'Use the dropdown component to provide more options to users in cases where there is not enough space such as tables, navbars, etc.',
+  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/dropdown',
+  component: Dropdown,
+  tags: ['autodocs'],
+  markdown: doc,
+  displayName: 'Dropdown',
+};
+
+export const WithControls = {
+  render: (args) => {
+    return (
+      <Dropdown
+        align={args.align}
+        disabled={args.disabled}
+        dense={args.dense}
+        placement={args.placement}
+        closeBehaviour={args.closeBehaviour}
+        float={args.float}
+      >
+        <DropdownButton
+          role="button"
+          aria-haspopup="true"
+          aria-controls="menu2"
+          arrow
+        >
+          Ενέργειες
+        </DropdownButton>
+        <DropdownContent role="menu" id="menu2" scrollable={args.scrollable}>
+          <NavList layout="vertical">
+            <NavListItemAction role="menuitem" href="#">
+              Επεξεργασία
+            </NavListItemAction>
+            <NavListItemAction role="menuitem" href="#">
+              Μετακίνηση
+            </NavListItemAction>
+            <NavListItemAction role="menuitem" href="#">
+              Οριστική διαγραφή
+            </NavListItemAction>
+          </NavList>
+        </DropdownContent>
+      </Dropdown>
+    );
+  },
+  args: {
+    align: 'right',
+    placement: 'bottom',
+    disabled: false,
+    dense: false,
+    closeBehaviour: 'clickButton',
+    float: false,
+    scrollable: false,
+  },
+  argsTypes: {
+    align: {
+      control: {
+        type: 'select',
+      },
+      options: ['left', 'right'],
+    },
+    placement: {
+      control: {
+        type: 'select',
+      },
+      options: ['top', 'bottom'],
+    },
+    disabled: {
+      control: {
+        type: 'boolean',
+      },
+    },
+    dense: {
+      control: {
+        type: 'boolean',
+      },
+    },
+    closeBehaviour: {
+      control: {
+        type: 'select',
+      },
+      options: ['clickButton', 'clickOutside'],
+    },
+    float: {
+      control: {
+        type: 'boolean',
+      },
+    },
+    scrollable: {
+      control: {
+        type: 'boolean',
+      },
+    },
+  },
+};
+
+export { Default } from '@digigov/ui/navigation/Dropdown/__stories__/Default';
+export { Secondary } from '@digigov/ui/navigation/Dropdown/__stories__/Secondary';
+export { Warning } from '@digigov/ui/navigation/Dropdown/__stories__/Warning';
+export { Disabled } from '@digigov/ui/navigation/Dropdown/__stories__/Disabled';
+export { VariantLink } from '@digigov/ui/navigation/Dropdown/__stories__/VariantLink';
+export { AlignRight } from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';
+export { PlacementTop } from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';
+export { WithIcons } from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';
+export { ContentPosition } from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';
+export { ScrollableContent } from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';
+export { Dense } from '@digigov/ui/navigation/Dropdown/__stories__/Dense';

package/src/navigation/Dropdown/doc.mdx

@@ -10,14 +10,16 @@ title: Dropdown
 <div className="dropdown-docs">
   <code src="@digigov/ui/navigation/Dropdown/__stories__/Default.tsx" />
 </div>
-### Dropdown with align right
+
+### With align right
 
 You can display the dropdown menu to the right side of the `Dropdown` button.
 
 <div className="dropdown-docs">
   <code src="@digigov/ui/navigation/Dropdown/__stories__/AlignRight.tsx" />
 </div>
-### Dropdown with placement top
+
+### With placement top
 
 You can display the dropdown menu to the top of the `Dropdown` button.
 
@@ -25,6 +27,26 @@ You can display the dropdown menu to the top of the `Dropdown` button.
   <code src="@digigov/ui/navigation/Dropdown/__stories__/PlacementTop.tsx" />
 </div>
 
+### With icons
+
+<div className="dropdown-docs">
+  <code src="@digigov/ui/navigation/Dropdown/__stories__/WithIcons.tsx" />
+</div>
+
+### With scrollable content
+
+Use this when the content  of the dropdown menu is too long to fit on the screen.
+
+<div className="dropdown-docs">
+  <code src="@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent.tsx" />
+</div>
+
+### Dense
+
+<div className="dropdown-docs">
+  <code src="@digigov/ui/navigation/Dropdown/__stories__/Dense.tsx" />
+</div>
+
 ## API
 
 See below for a complete reference to all of the props available to the components mentioned here.

package/src/navigation/NavList/doc.mdx

@@ -56,4 +56,4 @@ See below for a complete reference to all of the props available to the componen
     'NavMenuContentListItem',
     'NavMenuTitle',
   ]}
-/>{' '}
+/>

package/src/navigation/Pagination/doc.mdx

@@ -19,6 +19,10 @@ pagination component displays a list of page numbers, and allows the user to nav
 
 <code src="@digigov/ui/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx" />
 
+### Dense 
+
+<code src="@digigov/ui/navigation/Pagination/__stories__/PaginationSmall.tsx" />
+
 ### With results per page
 
 <code src="@digigov/ui/navigation/Pagination/__stories__/WithResultsPerPage.tsx" />
@@ -34,4 +38,4 @@ See below for a complete reference to all of the props available to the componen
     'PaginationList',
     'PaginationListItem',
   ]}
-/>{' '}
+/>

package/src/navigation/SkipLink/SkipLink.stories.js

@@ -1,9 +1,13 @@
 import SkipLink from '@digigov/ui/navigation/SkipLink';
+import doc from './doc.mdx?raw';
+
 export default {
   title: 'Digigov UI/navigation/SkipLink',
   description:
     'Use the skip link component to help keyboard-only users skip to the main content on a page.',
   component: SkipLink,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'SkipLink',
 };
 export { Default } from '@digigov/ui/navigation/SkipLink/__stories__/Default';

package/src/navigation/SkipLink/doc.mdx

@@ -0,0 +1,19 @@
+---
+id: skip-link
+title: SkipLink
+---
+
+# SkipLink
+
+SkipLink is a component that allows users to skip to the main content of the page.
+
+## How to use
+
+<code src="@digigov/ui/navigation/SkipLink/__stories__/Default.tsx" />
+
+
+## API
+
+See below for a complete reference to all of the props available to the components mentioned here.
+
+<ComponentProps componentName={['SkipLink',]}/>

package/src/registry.js

@@ -64,9 +64,9 @@ import * as _digigov_ui_content_FillableText from "@digigov/ui/content/FillableT
 import * as _digigov_ui_content_List_List from "@digigov/ui/content/List/List";
 import * as _digigov_ui_content_List_ListItem from "@digigov/ui/content/List/ListItem";
 import * as _digigov_ui_content_List from "@digigov/ui/content/List";
+import * as _digigov_ui_content_SafeHTML from "@digigov/ui/content/SafeHTML";
 import * as _digigov_ui_content_Markdown from "@digigov/ui/content/Markdown";
 import * as _digigov_ui_content_Markdown_useMarkdownToHTML from "@digigov/ui/content/Markdown/useMarkdownToHTML";
-import * as _digigov_ui_content_SafeHTML from "@digigov/ui/content/SafeHTML";
 import * as _digigov_ui_content_StepNav_auto from "@digigov/ui/content/StepNav/auto";
 import * as _digigov_ui_content_StepNav from "@digigov/ui/content/StepNav";
 import * as _digigov_ui_content_SummaryList from "@digigov/ui/content/SummaryList";
@@ -274,9 +274,9 @@ export default {
   '@digigov/ui/content/List/List': lazyImport(_digigov_ui_content_List_List),
   '@digigov/ui/content/List/ListItem': lazyImport(_digigov_ui_content_List_ListItem),
   '@digigov/ui/content/List': lazyImport(_digigov_ui_content_List),
+  '@digigov/ui/content/SafeHTML': lazyImport(_digigov_ui_content_SafeHTML),
   '@digigov/ui/content/Markdown': lazyImport(_digigov_ui_content_Markdown),
   '@digigov/ui/content/Markdown/useMarkdownToHTML': lazyImport(_digigov_ui_content_Markdown_useMarkdownToHTML),
-  '@digigov/ui/content/SafeHTML': lazyImport(_digigov_ui_content_SafeHTML),
   '@digigov/ui/content/StepNav/auto': lazyImport(_digigov_ui_content_StepNav_auto),
   '@digigov/ui/content/StepNav': lazyImport(_digigov_ui_content_StepNav),
   '@digigov/ui/content/SummaryList': lazyImport(_digigov_ui_content_SummaryList),

package/src/typography/CodeBlock/CodeBlock.stories.js

@@ -7,6 +7,30 @@ export default {
   markdown: doc,
   displayName: 'CodeBlock',
 };
+
+export const WithControls = {
+  args: {
+    language: undefined,
+    copyToClipboard: true,
+    highlighted: true,
+    showLineNumbers: true,
+    phaseBannerTagName: 'JSON',
+    highlightLines: undefined,
+    children: `{
+  "random": random(1, 100),
+  "random float": randomFloat(1, 100, 3),
+  "bool": randomBool(),
+  "date": date('Y-m-d', '1980-01-01', '2000-01-15'),
+  "regEx": regex(/hello+ (world|to you)/),
+  "enum": choice('json', 'generator', 'online'),
+  "firstname": firstname(),
+  "lastname": lastname(),
+  "city": city(),
+  "country": country(),
+  "countryCode": countryCode()
+}`,
+  },
+};
 export { Default } from '@digigov/ui/typography/CodeBlock/__stories__/Default';
 export { Highlighted } from '@digigov/ui/typography/CodeBlock/__stories__/Highlighted';
 export { WithCopyToClipboard } from '@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard';

package/src/typography/Heading/Heading.stories.js

@@ -7,4 +7,16 @@ export default {
   markdown: doc,
   displayName: 'Heading',
 };
+
+export const WithControls = {
+  args: {
+    children: 'Heading',
+    size: 'xl',
+    element: 'h1',
+    breakWords: false,
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+};
+
 export { Default } from '@digigov/ui/typography/Heading/__stories__/Default';

package/src/typography/HeadingCaption/HeadingCaption.stories.js

@@ -7,5 +7,14 @@ export default {
   markdown: doc,
   displayName: 'HeadingCaption',
 };
+
+export const WithControls = {
+  args: {
+    children: 'Heading Caption',
+    size: 'xl',
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+};
 export { Default } from '@digigov/ui/typography/HeadingCaption/__stories__/Default';
 export { NestedToTitle } from '@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle';

package/src/typography/Hint/Hint.stories.js

@@ -7,5 +7,16 @@ export default {
   markdown: doc,
   displayName: 'Hint',
 };
+
+export const WithControls = {
+  args: {
+    children: 'Hint text',
+    size: 'md',
+    breakWords: false,
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+};
+
 export { Default } from '@digigov/ui/typography/Hint/__stories__/Default';
 export { FontSizes } from '@digigov/ui/typography/Hint/__stories__/FontSizes';

package/src/typography/Hint/__stories__/Default.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Default = (_: any) => <Hint> ds-hint </Hint>;
+export const Default = (_: any) => <Hint>ds-hint</Hint>;
 
 export default Default;

package/src/typography/Hint/__stories__/FontSizes.tsx

@@ -3,10 +3,10 @@ import { Hint } from '@digigov/ui/typography/Hint';
 
 export const FontSizes = (_: any) => (
   <>
-    <Hint fontSize={14}> ds-hint </Hint>
-    <Hint fontSize={16}> ds-hint </Hint>
-    <Hint> ds-hint </Hint>
-    <Hint fontSize={24}> ds-hint </Hint>
+    <Hint fontSize={14}>ds-hint</Hint>
+    <Hint fontSize={16}>ds-hint</Hint>
+    <Hint>ds-hint</Hint>
+    <Hint fontSize={24}>ds-hint</Hint>
   </>
 );
 

package/src/typography/NormalText/NormalText.stories.js

@@ -7,6 +7,16 @@ export default {
   markdown: doc,
   displayName: 'NormalText',
 };
+
+export const WithControls = {
+  args: {
+    children: 'Normal text',
+    size: 'md',
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+};
+
 export { Default } from '@digigov/ui/typography/NormalText/__stories__/Default';
 export { FontSizes } from '@digigov/ui/typography/NormalText/__stories__/FontSizes';
 export { FontWeight } from '@digigov/ui/typography/NormalText/__stories__/FontWeight';

package/src/typography/Paragraph/Paragraph.stories.js

@@ -7,6 +7,29 @@ export default {
   markdown: doc,
   displayName: 'Paragraph',
 };
+export const WithControls = {
+  args: {
+    children: 'Paragraph',
+    size: 'md',
+    fontSize: undefined,
+    fontWeight: undefined,
+  },
+  argTypes: {
+    size: {
+      options: ['sm', 'md', 'lg'],
+      control: { type: 'select' },
+    },
+    fontSize: {
+      options: [14, 16, 19, 24, 30, 36, 48, 72],
+      control: { type: 'select' },
+    },
+    fontWeight: {
+      options: ['regular', 'bold'],
+      control: { type: 'select' },
+    },
+  },
+};
+
 export { Default } from '@digigov/ui/typography/Paragraph/__stories__/Default';
 export { LeadVariant } from '@digigov/ui/typography/Paragraph/__stories__/LeadVariant';
 export { SmallVariant } from '@digigov/ui/typography/Paragraph/__stories__/SmallVariant';

package/stories-registry/index.js

@@ -1,16 +1,4 @@
 
-import * as _digigov_ui_app_BannerContainer_BannerContainer_stories from "@digigov/ui/app/BannerContainer/BannerContainer.stories";
-import * as _digigov_ui_app_Footer_Footer_stories from "@digigov/ui/app/Footer/Footer.stories";
-import * as _digigov_ui_app_Header_Header_stories from "@digigov/ui/app/Header/Header.stories";
-import * as _digigov_ui_app_Loader_Loader_stories from "@digigov/ui/app/Loader/Loader.stories";
-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";
-import * as _digigov_ui_app_Skeleton_Skeleton_stories from "@digigov/ui/app/Skeleton/Skeleton.stories";
 import * as _digigov_ui_content_Accordion_Accordion_stories from "@digigov/ui/content/Accordion/Accordion.stories";
 import * as _digigov_ui_content_Blockquote_Blockquote_stories from "@digigov/ui/content/Blockquote/Blockquote.stories";
 import * as _digigov_ui_content_Card_Card_stories from "@digigov/ui/content/Card/Card.stories";
@@ -24,6 +12,18 @@ import * as _digigov_ui_content_SummaryList_SummaryList_stories from "@digigov/u
 import * as _digigov_ui_content_Table_Table_stories from "@digigov/ui/content/Table/Table.stories";
 import * as _digigov_ui_content_TaskList_TaskList_stories from "@digigov/ui/content/TaskList/TaskList.stories";
 import * as _digigov_ui_content_Timeline_Timeline_stories from "@digigov/ui/content/Timeline/Timeline.stories";
+import * as _digigov_ui_app_BannerContainer_BannerContainer_stories from "@digigov/ui/app/BannerContainer/BannerContainer.stories";
+import * as _digigov_ui_app_Footer_Footer_stories from "@digigov/ui/app/Footer/Footer.stories";
+import * as _digigov_ui_app_Header_Header_stories from "@digigov/ui/app/Header/Header.stories";
+import * as _digigov_ui_app_Loader_Loader_stories from "@digigov/ui/app/Loader/Loader.stories";
+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";
+import * as _digigov_ui_app_Skeleton_Skeleton_stories from "@digigov/ui/app/Skeleton/Skeleton.stories";
 import * as _digigov_ui_feedback_CopyToClipboard_CopyToClipboard_stories from "@digigov/ui/feedback/CopyToClipboard/CopyToClipboard.stories";
 import * as _digigov_ui_feedback_ErrorSummary_ErrorSummary_stories from "@digigov/ui/feedback/ErrorSummary/ErrorSummary.stories";
 import * as _digigov_ui_feedback_NotificationBanner_NotificationBanner_stories from "@digigov/ui/feedback/NotificationBanner/NotificationBanner.stories";
@@ -43,6 +43,7 @@ import * as _digigov_ui_form_TextArea_TextArea_stories from "@digigov/ui/form/Te
 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_Grid_Grid_stories from "@digigov/ui/layouts/Grid/Grid.stories";
+import * as _digigov_ui_layouts_Hidden_Hidden_stories from "@digigov/ui/layouts/Hidden/Hidden.stories";
 import * as _digigov_ui_layouts_Screen_Screen_stories from "@digigov/ui/layouts/Screen/Screen.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";
@@ -55,13 +56,13 @@ import * as _digigov_ui_navigation_NavList_NavList_stories from "@digigov/ui/nav
 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_utils_VisuallyHidden_VisuallyHidden_stories from "@digigov/ui/utils/VisuallyHidden/VisuallyHidden.stories";
 import * as _digigov_ui_typography_CodeBlock_CodeBlock_stories from "@digigov/ui/typography/CodeBlock/CodeBlock.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";
 import * as _digigov_ui_typography_Hint_Hint_stories from "@digigov/ui/typography/Hint/Hint.stories";
 import * as _digigov_ui_typography_NormalText_NormalText_stories from "@digigov/ui/typography/NormalText/NormalText.stories";
 import * as _digigov_ui_typography_Paragraph_Paragraph_stories from "@digigov/ui/typography/Paragraph/Paragraph.stories";
+import * as _digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories from "@digigov/ui/utils/VisuallyHidden/VisuallyHidden.stories";
 import * as _digigov_ui_app_BannerContainer___stories___CookiesBanner from "@digigov/ui/app/BannerContainer/__stories__/CookiesBanner";
 import * as _digigov_ui_app_Footer___stories___Default from "@digigov/ui/app/Footer/__stories__/Default";
 import * as _digigov_ui_app_Footer___stories___DefaultCopyright from "@digigov/ui/app/Footer/__stories__/DefaultCopyright";
@@ -79,6 +80,8 @@ import * as _digigov_ui_app_Header___stories___WithServiceNameAndLogo from "@dig
 import * as _digigov_ui_app_Loader___stories___AccessibilityLoader from "@digigov/ui/app/Loader/__stories__/AccessibilityLoader";
 import * as _digigov_ui_app_Loader___stories___Default from "@digigov/ui/app/Loader/__stories__/Default";
 import * as _digigov_ui_app_Loader___stories___FullPageLoader from "@digigov/ui/app/Loader/__stories__/FullPageLoader";
+import * as _digigov_ui_app_Loader___stories___Secondary from "@digigov/ui/app/Loader/__stories__/Secondary";
+import * as _digigov_ui_app_Loader___stories___Sizes from "@digigov/ui/app/Loader/__stories__/Sizes";
 import * as _digigov_ui_app_Masthead___stories___Default from "@digigov/ui/app/Masthead/__stories__/Default";
 import * as _digigov_ui_app_Masthead___stories___Secondary from "@digigov/ui/app/Masthead/__stories__/Secondary";
 import * as _digigov_ui_app_Masthead___stories___WithElements from "@digigov/ui/app/Masthead/__stories__/WithElements";
@@ -91,8 +94,8 @@ import * as _digigov_ui_app_Modal___stories___WithHooks from "@digigov/ui/app/Mo
 import * as _digigov_ui_app_Modal___stories___WithoutModalGaps from "@digigov/ui/app/Modal/__stories__/WithoutModalGaps";
 import * as _digigov_ui_app_NotFound___stories___Default from "@digigov/ui/app/NotFound/__stories__/Default";
 import * as _digigov_ui_app_Panel___stories___Default from "@digigov/ui/app/Panel/__stories__/Default";
-import * as _digigov_ui_app_PhaseBannerHeader___stories___Default from "@digigov/ui/app/PhaseBannerHeader/__stories__/Default";
 import * as _digigov_ui_app_QrCodeScanner___stories___Default from "@digigov/ui/app/QrCodeScanner/__stories__/Default";
+import * as _digigov_ui_app_PhaseBannerHeader___stories___Default from "@digigov/ui/app/PhaseBannerHeader/__stories__/Default";
 import * as _digigov_ui_app_QrCodeViewer___stories___Custom from "@digigov/ui/app/QrCodeViewer/__stories__/Custom";
 import * as _digigov_ui_app_QrCodeViewer___stories___Default from "@digigov/ui/app/QrCodeViewer/__stories__/Default";
 import * as _digigov_ui_app_Skeleton___stories___Button from "@digigov/ui/app/Skeleton/__stories__/Button";
@@ -380,18 +383,6 @@ function lazyImport(pkgImport) {
   )
 }
 export default {
-  '@digigov/ui/app/BannerContainer/BannerContainer.stories': lazyImport(_digigov_ui_app_BannerContainer_BannerContainer_stories),
-  '@digigov/ui/app/Footer/Footer.stories': lazyImport(_digigov_ui_app_Footer_Footer_stories),
-  '@digigov/ui/app/Header/Header.stories': lazyImport(_digigov_ui_app_Header_Header_stories),
-  '@digigov/ui/app/Loader/Loader.stories': lazyImport(_digigov_ui_app_Loader_Loader_stories),
-  '@digigov/ui/app/Masthead/Masthead.stories': lazyImport(_digigov_ui_app_Masthead_Masthead_stories),
-  '@digigov/ui/app/Modal/Modal.stories': lazyImport(_digigov_ui_app_Modal_Modal_stories),
-  '@digigov/ui/app/NotFound/NotFound.stories': lazyImport(_digigov_ui_app_NotFound_NotFound_stories),
-  '@digigov/ui/app/Panel/Panel.stories': lazyImport(_digigov_ui_app_Panel_Panel_stories),
-  '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories': lazyImport(_digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories),
-  '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': lazyImport(_digigov_ui_app_QrCodeScanner_QrCodeScanner_stories),
-  '@digigov/ui/app/QrCodeViewer/QRCode.stories': lazyImport(_digigov_ui_app_QrCodeViewer_QRCode_stories),
-  '@digigov/ui/app/Skeleton/Skeleton.stories': lazyImport(_digigov_ui_app_Skeleton_Skeleton_stories),
   '@digigov/ui/content/Accordion/Accordion.stories': lazyImport(_digigov_ui_content_Accordion_Accordion_stories),
   '@digigov/ui/content/Blockquote/Blockquote.stories': lazyImport(_digigov_ui_content_Blockquote_Blockquote_stories),
   '@digigov/ui/content/Card/Card.stories': lazyImport(_digigov_ui_content_Card_Card_stories),
@@ -405,6 +396,18 @@ export default {
   '@digigov/ui/content/Table/Table.stories': lazyImport(_digigov_ui_content_Table_Table_stories),
   '@digigov/ui/content/TaskList/TaskList.stories': lazyImport(_digigov_ui_content_TaskList_TaskList_stories),
   '@digigov/ui/content/Timeline/Timeline.stories': lazyImport(_digigov_ui_content_Timeline_Timeline_stories),
+  '@digigov/ui/app/BannerContainer/BannerContainer.stories': lazyImport(_digigov_ui_app_BannerContainer_BannerContainer_stories),
+  '@digigov/ui/app/Footer/Footer.stories': lazyImport(_digigov_ui_app_Footer_Footer_stories),
+  '@digigov/ui/app/Header/Header.stories': lazyImport(_digigov_ui_app_Header_Header_stories),
+  '@digigov/ui/app/Loader/Loader.stories': lazyImport(_digigov_ui_app_Loader_Loader_stories),
+  '@digigov/ui/app/Masthead/Masthead.stories': lazyImport(_digigov_ui_app_Masthead_Masthead_stories),
+  '@digigov/ui/app/Modal/Modal.stories': lazyImport(_digigov_ui_app_Modal_Modal_stories),
+  '@digigov/ui/app/NotFound/NotFound.stories': lazyImport(_digigov_ui_app_NotFound_NotFound_stories),
+  '@digigov/ui/app/Panel/Panel.stories': lazyImport(_digigov_ui_app_Panel_Panel_stories),
+  '@digigov/ui/app/PhaseBannerHeader/PhaseBannerHeader.stories': lazyImport(_digigov_ui_app_PhaseBannerHeader_PhaseBannerHeader_stories),
+  '@digigov/ui/app/QrCodeScanner/QrCodeScanner.stories': lazyImport(_digigov_ui_app_QrCodeScanner_QrCodeScanner_stories),
+  '@digigov/ui/app/QrCodeViewer/QRCode.stories': lazyImport(_digigov_ui_app_QrCodeViewer_QRCode_stories),
+  '@digigov/ui/app/Skeleton/Skeleton.stories': lazyImport(_digigov_ui_app_Skeleton_Skeleton_stories),
   '@digigov/ui/feedback/CopyToClipboard/CopyToClipboard.stories': lazyImport(_digigov_ui_feedback_CopyToClipboard_CopyToClipboard_stories),
   '@digigov/ui/feedback/ErrorSummary/ErrorSummary.stories': lazyImport(_digigov_ui_feedback_ErrorSummary_ErrorSummary_stories),
   '@digigov/ui/feedback/NotificationBanner/NotificationBanner.stories': lazyImport(_digigov_ui_feedback_NotificationBanner_NotificationBanner_stories),
@@ -424,6 +427,7 @@ export default {
   '@digigov/ui/form/TextInput/TextInput.stories': lazyImport(_digigov_ui_form_TextInput_TextInput_stories),
   '@digigov/ui/layouts/Basic/Basic.stories': lazyImport(_digigov_ui_layouts_Basic_Basic_stories),
   '@digigov/ui/layouts/Grid/Grid.stories': lazyImport(_digigov_ui_layouts_Grid_Grid_stories),
+  '@digigov/ui/layouts/Hidden/Hidden.stories': lazyImport(_digigov_ui_layouts_Hidden_Hidden_stories),
   '@digigov/ui/layouts/Screen/Screen.stories': lazyImport(_digigov_ui_layouts_Screen_Screen_stories),
   '@digigov/ui/layouts/Stack/Stack.stories': lazyImport(_digigov_ui_layouts_Stack_Stack_stories),
   '@digigov/ui/navigation/BackLink/BackLink.stories': lazyImport(_digigov_ui_navigation_BackLink_BackLink_stories),
@@ -436,13 +440,13 @@ export default {
   '@digigov/ui/navigation/Pagination/Pagination.stories': lazyImport(_digigov_ui_navigation_Pagination_Pagination_stories),
   '@digigov/ui/navigation/SkipLink/SkipLink.stories': lazyImport(_digigov_ui_navigation_SkipLink_SkipLink_stories),
   '@digigov/ui/navigation/Tabs/Tabs.stories': lazyImport(_digigov_ui_navigation_Tabs_Tabs_stories),
-  '@digigov/ui/utils/VisuallyHidden/VisuallyHidden.stories': lazyImport(_digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories),
   '@digigov/ui/typography/CodeBlock/CodeBlock.stories': lazyImport(_digigov_ui_typography_CodeBlock_CodeBlock_stories),
   '@digigov/ui/typography/Heading/Heading.stories': lazyImport(_digigov_ui_typography_Heading_Heading_stories),
   '@digigov/ui/typography/HeadingCaption/HeadingCaption.stories': lazyImport(_digigov_ui_typography_HeadingCaption_HeadingCaption_stories),
   '@digigov/ui/typography/Hint/Hint.stories': lazyImport(_digigov_ui_typography_Hint_Hint_stories),
   '@digigov/ui/typography/NormalText/NormalText.stories': lazyImport(_digigov_ui_typography_NormalText_NormalText_stories),
   '@digigov/ui/typography/Paragraph/Paragraph.stories': lazyImport(_digigov_ui_typography_Paragraph_Paragraph_stories),
+  '@digigov/ui/utils/VisuallyHidden/VisuallyHidden.stories': lazyImport(_digigov_ui_utils_VisuallyHidden_VisuallyHidden_stories),
   '@digigov/ui/app/BannerContainer/__stories__/CookiesBanner': lazyImport(_digigov_ui_app_BannerContainer___stories___CookiesBanner),
   '@digigov/ui/app/Footer/__stories__/Default': lazyImport(_digigov_ui_app_Footer___stories___Default),
   '@digigov/ui/app/Footer/__stories__/DefaultCopyright': lazyImport(_digigov_ui_app_Footer___stories___DefaultCopyright),
@@ -460,6 +464,8 @@ export default {
   '@digigov/ui/app/Loader/__stories__/AccessibilityLoader': lazyImport(_digigov_ui_app_Loader___stories___AccessibilityLoader),
   '@digigov/ui/app/Loader/__stories__/Default': lazyImport(_digigov_ui_app_Loader___stories___Default),
   '@digigov/ui/app/Loader/__stories__/FullPageLoader': lazyImport(_digigov_ui_app_Loader___stories___FullPageLoader),
+  '@digigov/ui/app/Loader/__stories__/Secondary': lazyImport(_digigov_ui_app_Loader___stories___Secondary),
+  '@digigov/ui/app/Loader/__stories__/Sizes': lazyImport(_digigov_ui_app_Loader___stories___Sizes),
   '@digigov/ui/app/Masthead/__stories__/Default': lazyImport(_digigov_ui_app_Masthead___stories___Default),
   '@digigov/ui/app/Masthead/__stories__/Secondary': lazyImport(_digigov_ui_app_Masthead___stories___Secondary),
   '@digigov/ui/app/Masthead/__stories__/WithElements': lazyImport(_digigov_ui_app_Masthead___stories___WithElements),
@@ -472,8 +478,8 @@ export default {
   '@digigov/ui/app/Modal/__stories__/WithoutModalGaps': lazyImport(_digigov_ui_app_Modal___stories___WithoutModalGaps),
   '@digigov/ui/app/NotFound/__stories__/Default': lazyImport(_digigov_ui_app_NotFound___stories___Default),
   '@digigov/ui/app/Panel/__stories__/Default': lazyImport(_digigov_ui_app_Panel___stories___Default),
-  '@digigov/ui/app/PhaseBannerHeader/__stories__/Default': lazyImport(_digigov_ui_app_PhaseBannerHeader___stories___Default),
   '@digigov/ui/app/QrCodeScanner/__stories__/Default': lazyImport(_digigov_ui_app_QrCodeScanner___stories___Default),
+  '@digigov/ui/app/PhaseBannerHeader/__stories__/Default': lazyImport(_digigov_ui_app_PhaseBannerHeader___stories___Default),
   '@digigov/ui/app/QrCodeViewer/__stories__/Custom': lazyImport(_digigov_ui_app_QrCodeViewer___stories___Custom),
   '@digigov/ui/app/QrCodeViewer/__stories__/Default': lazyImport(_digigov_ui_app_QrCodeViewer___stories___Default),
   '@digigov/ui/app/Skeleton/__stories__/Button': lazyImport(_digigov_ui_app_Skeleton___stories___Button),

package/typography/CodeBlock/CodeBlock.stories.d.ts

@@ -6,6 +6,17 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let language: undefined;
+        let copyToClipboard: boolean;
+        let highlighted: boolean;
+        let showLineNumbers: boolean;
+        let phaseBannerTagName: string;
+        let highlightLines: undefined;
+        let children: string;
+    }
+}
 export { Default } from "@digigov/ui/typography/CodeBlock/__stories__/Default";
 export { Highlighted } from "@digigov/ui/typography/CodeBlock/__stories__/Highlighted";
 export { WithCopyToClipboard } from "@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard";

package/typography/Heading/Heading.stories.d.ts

@@ -6,5 +6,15 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let size: string;
+        let element: string;
+        let breakWords: boolean;
+        let fontSize: undefined;
+        let fontWeight: undefined;
+    }
+}
 export { Default } from "@digigov/ui/typography/Heading/__stories__/Default";
 import Heading from '@digigov/ui/typography/Heading';

package/typography/HeadingCaption/HeadingCaption.stories.d.ts

@@ -6,6 +6,14 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let size: string;
+        let fontSize: undefined;
+        let fontWeight: undefined;
+    }
+}
 export { Default } from "@digigov/ui/typography/HeadingCaption/__stories__/Default";
 export { NestedToTitle } from "@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle";
 import HeadingCaption from '@digigov/ui/typography/HeadingCaption';

package/typography/Hint/Hint.stories.d.ts

@@ -6,6 +6,15 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    namespace args {
+        let children: string;
+        let size: string;
+        let breakWords: boolean;
+        let fontSize: undefined;
+        let fontWeight: undefined;
+    }
+}
 export { Default } from "@digigov/ui/typography/Hint/__stories__/Default";
 export { FontSizes } from "@digigov/ui/typography/Hint/__stories__/FontSizes";
 import Hint from '@digigov/ui/typography/Hint';