@digigov/ui 2.0.0-555d1027 → 2.0.0-5701c39b

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

@@ -53,10 +53,10 @@ import * as _digigov_ui_app_hooks_useLineHeight from "@digigov/ui/app/hooks/useL
 import * as _digigov_ui_app_hooks_useNotificationArea from "@digigov/ui/app/hooks/useNotificationArea";
 import * as _digigov_ui_app_hooks_useTheme from "@digigov/ui/app/hooks/useTheme";
 import * as _digigov_ui_app_hooks_useVariantVars from "@digigov/ui/app/hooks/useVariantVars";
+import * as _digigov_ui_content_Blockquote from "@digigov/ui/content/Blockquote";
 import * as _digigov_ui_content_Accordion_auto from "@digigov/ui/content/Accordion/auto";
 import * as _digigov_ui_content_Accordion_hooks from "@digigov/ui/content/Accordion/hooks";
 import * as _digigov_ui_content_Accordion from "@digigov/ui/content/Accordion";
-import * as _digigov_ui_content_Blockquote from "@digigov/ui/content/Blockquote";
 import * as _digigov_ui_content_Card from "@digigov/ui/content/Card";
 import * as _digigov_ui_content_Chip from "@digigov/ui/content/Chip";
 import * as _digigov_ui_content_Details from "@digigov/ui/content/Details";
@@ -263,10 +263,10 @@ export default {
   '@digigov/ui/app/hooks/useNotificationArea': lazyImport(_digigov_ui_app_hooks_useNotificationArea),
   '@digigov/ui/app/hooks/useTheme': lazyImport(_digigov_ui_app_hooks_useTheme),
   '@digigov/ui/app/hooks/useVariantVars': lazyImport(_digigov_ui_app_hooks_useVariantVars),
+  '@digigov/ui/content/Blockquote': lazyImport(_digigov_ui_content_Blockquote),
   '@digigov/ui/content/Accordion/auto': lazyImport(_digigov_ui_content_Accordion_auto),
   '@digigov/ui/content/Accordion/hooks': lazyImport(_digigov_ui_content_Accordion_hooks),
   '@digigov/ui/content/Accordion': lazyImport(_digigov_ui_content_Accordion),
-  '@digigov/ui/content/Blockquote': lazyImport(_digigov_ui_content_Blockquote),
   '@digigov/ui/content/Card': lazyImport(_digigov_ui_content_Card),
   '@digigov/ui/content/Chip': lazyImport(_digigov_ui_content_Chip),
   '@digigov/ui/content/Details': lazyImport(_digigov_ui_content_Details),

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

@@ -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";
@@ -106,6 +109,8 @@ import * as _digigov_ui_app_Skeleton___stories___UnderTypography from "@digigov/
 import * as _digigov_ui_app_Skeleton___stories___WithChildren from "@digigov/ui/app/Skeleton/__stories__/WithChildren";
 import * as _digigov_ui_content_Accordion___stories___Auto from "@digigov/ui/content/Accordion/__stories__/Auto";
 import * as _digigov_ui_content_Accordion___stories___Default from "@digigov/ui/content/Accordion/__stories__/Default";
+import * as _digigov_ui_content_Accordion___stories___SummaryColorSecondary from "@digigov/ui/content/Accordion/__stories__/SummaryColorSecondary";
+import * as _digigov_ui_content_Accordion___stories___UsingArrowIcons from "@digigov/ui/content/Accordion/__stories__/UsingArrowIcons";
 import * as _digigov_ui_content_Accordion___stories___WithHints from "@digigov/ui/content/Accordion/__stories__/WithHints";
 import * as _digigov_ui_content_Accordion___stories___WithHook from "@digigov/ui/content/Accordion/__stories__/WithHook";
 import * as _digigov_ui_content_Blockquote___stories___Default from "@digigov/ui/content/Blockquote/__stories__/Default";
@@ -144,6 +149,7 @@ import * as _digigov_ui_content_SummaryList___stories___Default from "@digigov/u
 import * as _digigov_ui_content_SummaryList___stories___RowVariations from "@digigov/ui/content/SummaryList/__stories__/RowVariations";
 import * as _digigov_ui_content_SummaryList___stories___SummaryListExample from "@digigov/ui/content/SummaryList/__stories__/SummaryListExample";
 import * as _digigov_ui_content_SummaryList___stories___WithActions from "@digigov/ui/content/SummaryList/__stories__/WithActions";
+import * as _digigov_ui_content_SummaryList___stories___WithError from "@digigov/ui/content/SummaryList/__stories__/WithError";
 import * as _digigov_ui_content_SummaryList___stories___WithKeyAndAction from "@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction";
 import * as _digigov_ui_content_SummaryList___stories___WithNoLastBorder from "@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder";
 import * as _digigov_ui_content_SummaryList___stories___WithoutActions from "@digigov/ui/content/SummaryList/__stories__/WithoutActions";
@@ -160,6 +166,7 @@ import * as _digigov_ui_content_Table___stories___NumericDataType from "@digigov
 import * as _digigov_ui_content_Table___stories___RowColors from "@digigov/ui/content/Table/__stories__/RowColors";
 import * as _digigov_ui_content_Table___stories___Stacked from "@digigov/ui/content/Table/__stories__/Stacked";
 import * as _digigov_ui_content_Table___stories___TableCaptions from "@digigov/ui/content/Table/__stories__/TableCaptions";
+import * as _digigov_ui_content_Table___stories___UsingHighlights from "@digigov/ui/content/Table/__stories__/UsingHighlights";
 import * as _digigov_ui_content_Table___stories___VerticalBorders from "@digigov/ui/content/Table/__stories__/VerticalBorders";
 import * as _digigov_ui_content_Table___stories___VerticalHeaders from "@digigov/ui/content/Table/__stories__/VerticalHeaders";
 import * as _digigov_ui_content_Table___stories___WithFloatingScroll from "@digigov/ui/content/Table/__stories__/WithFloatingScroll";
@@ -338,11 +345,11 @@ import * as _digigov_ui_navigation_Tabs___stories___Auto from "@digigov/ui/navig
 import * as _digigov_ui_navigation_Tabs___stories___Default from "@digigov/ui/navigation/Tabs/__stories__/Default";
 import * as _digigov_ui_navigation_Tabs___stories___Dense from "@digigov/ui/navigation/Tabs/__stories__/Dense";
 import * as _digigov_ui_navigation_Tabs___stories___UsingAccordion from "@digigov/ui/navigation/Tabs/__stories__/UsingAccordion";
+import * as _digigov_ui_typography_Heading___stories___Default from "@digigov/ui/typography/Heading/__stories__/Default";
 import * as _digigov_ui_typography_CodeBlock___stories___Default from "@digigov/ui/typography/CodeBlock/__stories__/Default";
 import * as _digigov_ui_typography_CodeBlock___stories___Highlighted from "@digigov/ui/typography/CodeBlock/__stories__/Highlighted";
 import * as _digigov_ui_typography_CodeBlock___stories___WithCopyToClipboard from "@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard";
 import * as _digigov_ui_typography_CodeBlock___stories___WithPhaseBanner from "@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner";
-import * as _digigov_ui_typography_Heading___stories___Default from "@digigov/ui/typography/Heading/__stories__/Default";
 import * as _digigov_ui_typography_HeadingCaption___stories___Default from "@digigov/ui/typography/HeadingCaption/__stories__/Default";
 import * as _digigov_ui_typography_HeadingCaption___stories___NestedToTitle from "@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle";
 import * as _digigov_ui_typography_Hint___stories___Default from "@digigov/ui/typography/Hint/__stories__/Default";
@@ -424,6 +431,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 +444,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 +468,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),
@@ -487,6 +497,8 @@ export default {
   '@digigov/ui/app/Skeleton/__stories__/WithChildren': lazyImport(_digigov_ui_app_Skeleton___stories___WithChildren),
   '@digigov/ui/content/Accordion/__stories__/Auto': lazyImport(_digigov_ui_content_Accordion___stories___Auto),
   '@digigov/ui/content/Accordion/__stories__/Default': lazyImport(_digigov_ui_content_Accordion___stories___Default),
+  '@digigov/ui/content/Accordion/__stories__/SummaryColorSecondary': lazyImport(_digigov_ui_content_Accordion___stories___SummaryColorSecondary),
+  '@digigov/ui/content/Accordion/__stories__/UsingArrowIcons': lazyImport(_digigov_ui_content_Accordion___stories___UsingArrowIcons),
   '@digigov/ui/content/Accordion/__stories__/WithHints': lazyImport(_digigov_ui_content_Accordion___stories___WithHints),
   '@digigov/ui/content/Accordion/__stories__/WithHook': lazyImport(_digigov_ui_content_Accordion___stories___WithHook),
   '@digigov/ui/content/Blockquote/__stories__/Default': lazyImport(_digigov_ui_content_Blockquote___stories___Default),
@@ -525,6 +537,7 @@ export default {
   '@digigov/ui/content/SummaryList/__stories__/RowVariations': lazyImport(_digigov_ui_content_SummaryList___stories___RowVariations),
   '@digigov/ui/content/SummaryList/__stories__/SummaryListExample': lazyImport(_digigov_ui_content_SummaryList___stories___SummaryListExample),
   '@digigov/ui/content/SummaryList/__stories__/WithActions': lazyImport(_digigov_ui_content_SummaryList___stories___WithActions),
+  '@digigov/ui/content/SummaryList/__stories__/WithError': lazyImport(_digigov_ui_content_SummaryList___stories___WithError),
   '@digigov/ui/content/SummaryList/__stories__/WithKeyAndAction': lazyImport(_digigov_ui_content_SummaryList___stories___WithKeyAndAction),
   '@digigov/ui/content/SummaryList/__stories__/WithNoLastBorder': lazyImport(_digigov_ui_content_SummaryList___stories___WithNoLastBorder),
   '@digigov/ui/content/SummaryList/__stories__/WithoutActions': lazyImport(_digigov_ui_content_SummaryList___stories___WithoutActions),
@@ -541,6 +554,7 @@ export default {
   '@digigov/ui/content/Table/__stories__/RowColors': lazyImport(_digigov_ui_content_Table___stories___RowColors),
   '@digigov/ui/content/Table/__stories__/Stacked': lazyImport(_digigov_ui_content_Table___stories___Stacked),
   '@digigov/ui/content/Table/__stories__/TableCaptions': lazyImport(_digigov_ui_content_Table___stories___TableCaptions),
+  '@digigov/ui/content/Table/__stories__/UsingHighlights': lazyImport(_digigov_ui_content_Table___stories___UsingHighlights),
   '@digigov/ui/content/Table/__stories__/VerticalBorders': lazyImport(_digigov_ui_content_Table___stories___VerticalBorders),
   '@digigov/ui/content/Table/__stories__/VerticalHeaders': lazyImport(_digigov_ui_content_Table___stories___VerticalHeaders),
   '@digigov/ui/content/Table/__stories__/WithFloatingScroll': lazyImport(_digigov_ui_content_Table___stories___WithFloatingScroll),
@@ -719,11 +733,11 @@ export default {
   '@digigov/ui/navigation/Tabs/__stories__/Default': lazyImport(_digigov_ui_navigation_Tabs___stories___Default),
   '@digigov/ui/navigation/Tabs/__stories__/Dense': lazyImport(_digigov_ui_navigation_Tabs___stories___Dense),
   '@digigov/ui/navigation/Tabs/__stories__/UsingAccordion': lazyImport(_digigov_ui_navigation_Tabs___stories___UsingAccordion),
+  '@digigov/ui/typography/Heading/__stories__/Default': lazyImport(_digigov_ui_typography_Heading___stories___Default),
   '@digigov/ui/typography/CodeBlock/__stories__/Default': lazyImport(_digigov_ui_typography_CodeBlock___stories___Default),
   '@digigov/ui/typography/CodeBlock/__stories__/Highlighted': lazyImport(_digigov_ui_typography_CodeBlock___stories___Highlighted),
   '@digigov/ui/typography/CodeBlock/__stories__/WithCopyToClipboard': lazyImport(_digigov_ui_typography_CodeBlock___stories___WithCopyToClipboard),
   '@digigov/ui/typography/CodeBlock/__stories__/WithPhaseBanner': lazyImport(_digigov_ui_typography_CodeBlock___stories___WithPhaseBanner),
-  '@digigov/ui/typography/Heading/__stories__/Default': lazyImport(_digigov_ui_typography_Heading___stories___Default),
   '@digigov/ui/typography/HeadingCaption/__stories__/Default': lazyImport(_digigov_ui_typography_HeadingCaption___stories___Default),
   '@digigov/ui/typography/HeadingCaption/__stories__/NestedToTitle': lazyImport(_digigov_ui_typography_HeadingCaption___stories___NestedToTitle),
   '@digigov/ui/typography/Hint/__stories__/Default': lazyImport(_digigov_ui_typography_Hint___stories___Default),

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';

package/typography/NormalText/NormalText.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/NormalText/__stories__/Default";
 export { FontSizes } from "@digigov/ui/typography/NormalText/__stories__/FontSizes";
 export { FontWeight } from "@digigov/ui/typography/NormalText/__stories__/FontWeight";