@digigov/ui 2.0.0-555d1027 → 2.0.0-599965f0

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/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";
@@ -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),

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

package/typography/Paragraph/Paragraph.stories.d.ts

@@ -6,6 +6,43 @@ 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;
+    }
+    namespace argTypes {
+        export namespace size_1 {
+            let options: string[];
+            namespace control {
+                let type: string;
+            }
+        }
+        export { size_1 as size };
+        export namespace fontSize_1 {
+            let options_1: number[];
+            export { options_1 as options };
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { fontSize_1 as fontSize };
+        export namespace fontWeight_1 {
+            let options_2: string[];
+            export { options_2 as options };
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+        }
+        export { fontWeight_1 as fontWeight };
+    }
+}
 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/src/app/Loader/Loader.stories.js

@@ -1,9 +0,0 @@
-import CircularProgress from '@digigov/ui/app/Loader';
-export default {
-  title: 'Digigov UI/app/CircularProgress',
-  component: CircularProgress,
-  displayName: 'CircularProgress',
-};
-export { Default } from '@digigov/ui/app/Loader/__stories__/Default';
-export { FullPageLoader } from '@digigov/ui/app/Loader/__stories__/FullPageLoader';
-export { AccessibilityLoader } from '@digigov/ui/app/Loader/__stories__/AccessibilityLoader';

package/src/app/Masthead/Masthead.stories.js

@@ -1,17 +0,0 @@
-import Masthead from '@digigov/ui/app/Masthead';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/app/Masthead',
-  description:
-    'You can use the masthead at the top of the first page of a GOV.GR service, not at internal pages.',
-  link: 'https://guide.services.gov.gr/docs/components/masthead',
-  defaultWidth: 'lg',
-  component: Masthead,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Masthead',
-};
-export { Default } from '@digigov/ui/app/Masthead/__stories__/Default';
-export { Secondary } from '@digigov/ui/app/Masthead/__stories__/Secondary';
-export { WithLogo } from '@digigov/ui/app/Masthead/__stories__/WithLogo';
-export { WithElements } from '@digigov/ui/app/Masthead/__stories__/WithElements';

package/src/app/Modal/Modal.stories.js

@@ -1,18 +0,0 @@
-import Modal from '@digigov/ui/app/Modal';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/app/Modal',
-  description:
-    'Use the modal component with caution when you need to provide critical information or ask for a decision.',
-  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/modal',
-  component: Modal,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Modal',
-};
-export { Default } from '@digigov/ui/app/Modal/__stories__/Default';
-export { AlertDialog } from '@digigov/ui/app/Modal/__stories__/AlertDialog';
-export { Dense } from '@digigov/ui/app/Modal/__stories__/Dense';
-export { WithHooks } from '@digigov/ui/app/Modal/__stories__/WithHooks';
-export { Auto } from '@digigov/ui/app/Modal/__stories__/Auto';
-export { WithoutModalGaps } from '@digigov/ui/app/Modal/__stories__/WithoutModalGaps';

package/src/layouts/Grid/Grid.stories.js

@@ -1,12 +0,0 @@
-import Grid from '@digigov/ui/layouts/Grid';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/layouts/Grid',
-  component: Grid,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Grid',
-};
-export { Default } from '@digigov/ui/layouts/Grid/__stories__/Default';
-export { ResponsiveSpacing } from '@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing';
-export { Inline } from '@digigov/ui/layouts/Grid/__stories__/Inline';

package/src/layouts/Stack/Stack.stories.js

@@ -1,15 +0,0 @@
-import Stack from '@digigov/ui/layouts/Stack';
-import doc from './doc.mdx?raw';
-export default {
-  title: 'Digigov UI/layouts/Stack',
-  component: Stack,
-  tags: ['autodocs'],
-  markdown: doc,
-  displayName: 'Stack',
-};
-export { Default } from '@digigov/ui/layouts/Stack/__stories__/Default';
-export { Spacing } from '@digigov/ui/layouts/Stack/__stories__/Spacing';
-export { Row } from '@digigov/ui/layouts/Stack/__stories__/Row';
-export { NoWrap } from '@digigov/ui/layouts/Stack/__stories__/NoWrap';
-export { JustifyContent } from '@digigov/ui/layouts/Stack/__stories__/JustifyContent';
-export { AlignItems } from '@digigov/ui/layouts/Stack/__stories__/AlignItems';