@digigov/ui 1.2.0-dcbd7ded → 2.0.0-113e6661

package/src/navigation/Breadcrumbs/index.test.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
+import { Auto } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Auto';
+import { Default } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Default';
+import { WithHook } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithHook';
+import { WithoutCurrentPage } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithoutCurrentPage';
+
+test('renders the All Breadcrumbs variants', async ({ mount, page }) => {
+  await mount(
+    
+  <div>
+    <TestVariant title="Auto">
+      <Auto />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="WithHook">
+      <WithHook />
+    </TestVariant>
+    <TestVariant title="WithoutCurrentPage">
+      <WithoutCurrentPage />
+    </TestVariant>
+  </div>
+  )
+  await page.evaluate(() => document.fonts.ready);
+
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+  

package/src/navigation/Breadcrumbs/index.tsx

@@ -2,4 +2,7 @@ export * from '@digigov/react-core/Breadcrumbs';
 export * from '@digigov/react-core/BreadcrumbsList';
 export * from '@digigov/react-core/BreadcrumbsListItem';
 import Breadcrumbs from '@digigov/react-core/Breadcrumbs';
+
+export * from '@digigov/ui/navigation/Breadcrumbs/utils';
+
 export default Breadcrumbs;

package/src/navigation/Breadcrumbs/interaction.test.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import { test, expect } from '@playwright/experimental-ct-react';
+
+import { Default } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Default';
+import { WithHook } from '@digigov/ui/navigation/Breadcrumbs/__stories__/WithHook';
+import { Auto } from '@digigov/ui/navigation/Breadcrumbs/__stories__/Auto';
+
+test('renders the Default Hover and click', async ({ mount, page }) => {
+  await mount(
+    <Default />
+  )
+  await page.evaluate(() => document.fonts.ready);
+  await page.locator("#root>nav>ol>li:nth-child(1)>a").hover();
+  await page.locator("#root>nav>ol>li:nth-child(1)>a").click();
+  await page.keyboard.press("Tab");
+
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+
+test('renders the WithHook click', async ({ mount, page }) => {
+  await mount(
+    <WithHook />
+  )
+  await page.evaluate(() => document.fonts.ready);
+  await page.click("[id='Εγχειρίδια Νομοθεσίας Πυρασφάλειας']");
+
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+
+test('renders the Auto click', async ({ mount, page }) => {
+  await mount(
+    <Auto />
+  )
+  await page.evaluate(() => document.fonts.ready);
+  await page.click("[id='Εγχειρίδια Νομοθεσίας Πυρασφάλειας']");
+
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+

package/src/navigation/Breadcrumbs/slug.ts

@@ -0,0 +1,141 @@
+export function slug(text: string, maxWidth = 50): string {
+  // Greek to Latin character mapping
+  const greekToLatinMap: { [key: string]: string } = {
+    α: 'a',
+    β: 'b',
+    γ: 'g',
+    δ: 'd',
+    ε: 'e',
+    ζ: 'z',
+    η: 'i',
+    θ: 'th',
+    ι: 'i',
+    κ: 'k',
+    λ: 'l',
+    μ: 'm',
+    ν: 'n',
+    ξ: 'x',
+    ο: 'o',
+    π: 'p',
+    ρ: 'r',
+    σ: 's',
+    τ: 't',
+    υ: 'y',
+    φ: 'f',
+    χ: 'ch',
+    ψ: 'ps',
+    ω: 'o',
+    ά: 'a',
+    έ: 'e',
+    ί: 'i',
+    ό: 'o',
+    ύ: 'y',
+    ή: 'i',
+    ώ: 'o',
+    ς: 's',
+    ϊ: 'i',
+    ΰ: 'y',
+    ϋ: 'y',
+    ΐ: 'i',
+    Α: 'A',
+    Β: 'B',
+    Γ: 'G',
+    Δ: 'D',
+    Ε: 'E',
+    Ζ: 'Z',
+    Η: 'I',
+    Θ: 'TH',
+    Ι: 'I',
+    Κ: 'K',
+    Λ: 'L',
+    Μ: 'M',
+    Ν: 'N',
+    Ξ: 'X',
+    Ο: 'O',
+    Π: 'P',
+    Ρ: 'R',
+    Σ: 'S',
+    Τ: 'T',
+    Υ: 'Y',
+    Φ: 'F',
+    Χ: 'CH',
+    Ψ: 'PS',
+    Ω: 'O',
+    Ά: 'A',
+    Έ: 'E',
+    Ί: 'I',
+    Ό: 'O',
+    Ύ: 'Y',
+    Ή: 'I',
+    Ώ: 'O',
+    Ϊ: 'I',
+    Ϋ: 'Y',
+  };
+
+  // Convert Greek characters to Latin
+  const latinText = text
+    .split('')
+    .map((char) => greekToLatinMap[char] || char)
+    .join('');
+
+  // Convert to lowercase, replace spaces with hyphens, remove special characters
+  const processedText = latinText
+    .toLowerCase()
+    .replace(/\s+/g, '-')
+    .replace(/[^\w\-]+/g, '')
+    .replace(/\-\-+/g, '-')
+    .replace(/^-+/, '')
+    .replace(/-+$/, '');
+
+  // Calculate the available width for the slug (subtracting 1 for the hyphen and at least 8 for the ID)
+  // const availableWidth = Math.max(0, maxWidth - 9);
+
+  // Split the processed text into slug and remaining text for ID
+  let slug = processedText.substring(0, maxWidth);
+  const remainingText = processedText.substring(maxWidth);
+
+  // Remove trailing hyphens from the slug
+  slug = slug.replace(/-+$/, '');
+
+  // Generate ID from the remaining text
+  const id = generateIDFromText(remainingText);
+
+  // Combine the slug and ID
+  return `${slug}${id && '-'}${id}`;
+}
+
+function generateIDFromText(text: string): string {
+  // If text is empty or maxLength is 0 or less, return a default ID
+  if (!text) return '';
+
+  // Remove hyphens and take only alphanumeric characters
+  let processedText = text.replace(/-/g, '').replace(/[^a-z0-9]/g, '');
+
+  // If processed text is empty, use a default base
+  if (!processedText) processedText = 'default';
+
+  // Calculate a simple hash of the processed text
+  let hash = 0;
+  for (let i = 0; i < processedText.length; i++) {
+    const char = processedText.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash; // Convert to 32-bit integer
+  }
+
+  // Convert hash to a positive number and then to base 36 (0-9 and a-z)
+  const id = Math.abs(hash).toString(36);
+
+  // Ensure the ID is at least 8 characters long, padding with '0' if necessary
+  return id;
+  // return id.padEnd(8, '0').substring(0, maxLength);
+}
+
+// Test the function
+// console.log(createSlugWithID('Καλημέρα κόσμε! Hello world!', 10));
+// console.log(createSlugWithID('Ελληνικά και English mixed', 80));
+// console.log(
+//   createSlugWithID(
+//     'Αυτό είναι ένα πολύ μεγάλο κείμενο για να δοκιμάσουμε το όριο πλάτους',
+//     90
+//   )
+// );

package/src/navigation/Breadcrumbs/utils.ts

@@ -0,0 +1,39 @@
+// utility.ts
+import { slug } from '@digigov/ui/navigation/Breadcrumbs/slug';
+export const flattenRoutes = (
+  items,
+  maxLength: number = 15,
+  prepend: string = '',
+  parents: string[] = []
+) => {
+  let flattened = {};
+
+  items.forEach((value) => {
+    const { title, href, children, ...rest } = value;
+
+    const route = [prepend, href || slug(title, maxLength)].join('/');
+
+    const routeChildren = children
+      ? children.map((child) => ({
+        href: child.href || slug(child.title, maxLength),
+        ...child,
+      }))
+      : [];
+
+    flattened[route] = {
+      ...rest,
+      title,
+      children: routeChildren,
+      parents,
+    };
+
+    if (children) {
+      flattened = {
+        ...flattened,
+        ...flattenRoutes(children, maxLength, route, [...parents, title]),
+      };
+    }
+  });
+
+  return flattened;
+};

package/src/navigation/Drawer/Drawer.stories.js

@@ -8,6 +8,6 @@ export default {
   component: Drawer,
   displayName: 'Drawer',
 };
-export * from '@digigov/ui/navigation/Drawer/__stories__/Default';
-export * from '@digigov/ui/navigation/Drawer/__stories__/WithHook';
-export * from '@digigov/ui/navigation/Drawer/__stories__/Auto';
+export { Default } from '@digigov/ui/navigation/Drawer/__stories__/Default';
+export { WithHook } from '@digigov/ui/navigation/Drawer/__stories__/WithHook';
+export { Auto } from '@digigov/ui/navigation/Drawer/__stories__/Auto';

package/src/navigation/Drawer/__stories__/Auto.tsx

@@ -16,7 +16,7 @@ import {
   DrawerAuto,
   DrawerHeadingAuto,
   DrawerButtonAuto,
-} from '@digigov/ui/navigation/Drawer';
+} from '@digigov/ui/navigation/Drawer/auto';
 import { NavListAuto } from '@digigov/ui/navigation/NavList';
 import { Heading } from '@digigov/ui/typography/Heading';
 

package/src/navigation/Drawer/auto.tsx

@@ -1,10 +1,10 @@
 import React, { useContext } from 'react';
 import { Button, ButtonProps } from '@digigov/react-core/Button';
-import { Drawer, DrawerProps } from '@digigov/ui/navigation/Drawer';
+import { Drawer, DrawerProps } from '@digigov/react-core/Drawer';
 import {
   DrawerHeading,
   DrawerHeadingProps,
-} from '@digigov/ui/navigation/Drawer';
+} from '@digigov/react-core/DrawerHeading';
 import {
   DrawerId,
   UseDrawerReturn,
@@ -43,19 +43,21 @@ export const useDrawerContext = (): UseDrawerReturn | null => {
 };
 
 export const DrawerAuto = React.forwardRef<HTMLDivElement, DrawerAutoProps>(
-  function DrawerAuto({
-    id,
-    direction = 'left',
-    upRelative = 'never',
-    ...props
-  }) {
+  function DrawerAuto(
+    { id, direction = 'left', upRelative = 'never', ...props },
+    ref
+  ) {
     const context = useDrawerContext();
     if (!context) {
       throw new Error('DrawerAuto must be used within an DrawerProvider');
     }
     const { registerDrawer } = context;
     return (
-      <Drawer {...registerDrawer(id, { upRelative, direction })} {...props}>
+      <Drawer
+        {...registerDrawer(id, { upRelative, direction })}
+        {...props}
+        ref={ref}
+      >
         {props.children}
       </Drawer>
     );
@@ -65,7 +67,7 @@ export const DrawerAuto = React.forwardRef<HTMLDivElement, DrawerAutoProps>(
 export const DrawerButtonAuto = React.forwardRef<
   HTMLButtonElement,
   DrawerOpenButtonProps
->(function DrawerButtonAuto({ drawer: forDrawer, open, close, ...props }, ref) {
+>(function DrawerButtonAuto({ drawer: forDrawer, open, ...props }, ref) {
   const context = useDrawerContext();
   if (!context) {
     throw new Error('DrawerButtonAuto must be used within an DrawerProvider');

package/src/navigation/Drawer/index.mdx

@@ -3,18 +3,12 @@ id: drawer
 title: Drawer
 ---
 
-```bash
-import Drawer from '@digigov/ui/app/Drawer';
-```
-
 ## How to use
 
-<Story
-  packageName="@digigov/ui"
-  component="navigation/Drawer"
-  story="Default.tsx"
-/>
+<Story packageName="@digigov/ui" component="navigation/Drawer" story="Default.tsx" />
 
 ## API
 
-<PropTypes packageName="@digigov/ui" component="Drawer" />
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["Drawer", "DrawerHeading",]} />

package/src/navigation/Drawer/index.test.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
+import { Auto } from '@digigov/ui/navigation/Drawer/__stories__/Auto';
+import { Default } from '@digigov/ui/navigation/Drawer/__stories__/Default';
+import { WithHook } from '@digigov/ui/navigation/Drawer/__stories__/WithHook';
+
+test('renders the All Drawer variants', async ({ mount, page }) => {
+  await mount(
+    
+  <div>
+    <TestVariant title="Auto">
+      <Auto />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="WithHook">
+      <WithHook />
+    </TestVariant>
+  </div>
+  )
+  await page.evaluate(() => document.fonts.ready);
+
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+  

package/src/navigation/Drawer/index.tsx

@@ -1,5 +1,4 @@
 export * from '@digigov/react-core/Drawer';
 export * from '@digigov/react-core/DrawerHeading';
-export * from '@digigov/ui/navigation/Drawer/auto';
 import Drawer from '@digigov/react-core/Drawer';
 export default Drawer;

package/src/navigation/Dropdown/Dropdown.stories.js

@@ -8,13 +8,14 @@ export default {
   component: Dropdown,
   displayName: 'Dropdown',
 };
-export * from '@digigov/ui/navigation/Dropdown/__stories__/Default';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/Secondary';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/Warning';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/Disabled';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/VariantLink';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';
-export * from '@digigov/ui/navigation/Dropdown/__stories__/Dense';
+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/__stories__/ScrollableContent.tsx

@@ -0,0 +1,82 @@
+import React from 'react';
+import {
+  Dropdown,
+  DropdownButton,
+  DropdownContent,
+} from '@digigov/ui/navigation/Dropdown';
+import { NavListItemAction, NavList } from '@digigov/ui/navigation/NavList';
+
+const data = [
+  {
+    name: 'Item 1',
+    href: '#',
+  },
+  {
+    name: 'Item 2',
+    href: '#',
+  },
+  {
+    name: 'Item 3',
+    href: '#',
+  },
+  {
+    name: 'Item 4',
+    href: '#',
+  },
+  {
+    name: 'Item 5',
+    href: '#',
+  },
+  {
+    name: 'Item 6',
+    href: '#',
+  },
+  {
+    name: 'Item 7',
+    href: '#',
+  },
+  {
+    name: 'Item 8',
+    href: '#',
+  },
+  {
+    name: 'Item 9',
+    href: '#',
+  },
+  {
+    name: 'Item 10',
+    href: '#',
+  },
+  {
+    name: 'Item 11',
+    href: '#',
+  },
+  {
+    name: 'Item 12',
+    href: '#',
+  },
+];
+
+export const ScrollableContent = () => (
+  <Dropdown>
+    <DropdownButton
+      role="button"
+      aria-haspopup="true"
+      aria-controls="menu2"
+      arrow
+    >
+      Ενέργειες
+    </DropdownButton>
+    <DropdownContent role="menu" id="menu2" scrollable>
+      <NavList layout="vertical">
+        {data.map((item) => (
+          <NavListItemAction role="menuitem" href={item.href}>
+            {item.name}
+          </NavListItemAction>
+        ))}
+      </NavList>
+    </DropdownContent>
+  </Dropdown>
+);
+
+export default ScrollableContent;

package/src/navigation/Dropdown/index.mdx

@@ -5,10 +5,6 @@ title: Dropdown
 
 # Dropdown
 
-```bash
-import Dropdown from '@digigov/ui/navigation/Dropdown';
-```
-
 ## How to use
 
 <Story
@@ -39,4 +35,6 @@ You can display the dropdown menu to the top of the `Dropdown` button.
 
 ## API
 
-<PropTypes packageName="@digigov/ui" component="Dropdown" />
+See below for a complete reference to all of the props  available to the components mentioned here.
+
+<ComponentProps componentName={["DropdownBase","DropdownButton","DropdownContent"]} /> 

package/src/navigation/Dropdown/index.test.tsx

@@ -0,0 +1,60 @@
+import React from 'react';
+import { test, expect } from '@playwright/experimental-ct-react';
+import TestVariant from '@digigov/ui/utils/TestVariant'
+import { AlignRight } from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';
+import { ContentPosition } from '@digigov/ui/navigation/Dropdown/__stories__/ContentPosition';
+import { Default } from '@digigov/ui/navigation/Dropdown/__stories__/Default';
+import { Dense } from '@digigov/ui/navigation/Dropdown/__stories__/Dense';
+import { Disabled } from '@digigov/ui/navigation/Dropdown/__stories__/Disabled';
+import { PlacementTop } from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';
+import { ScrollableContent } from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';
+import { Secondary } from '@digigov/ui/navigation/Dropdown/__stories__/Secondary';
+import { VariantLink } from '@digigov/ui/navigation/Dropdown/__stories__/VariantLink';
+import { Warning } from '@digigov/ui/navigation/Dropdown/__stories__/Warning';
+import { WithIcons } from '@digigov/ui/navigation/Dropdown/__stories__/WithIcons';
+
+test('renders the All Dropdown variants', async ({ mount, page }) => {
+  await mount(
+    
+  <div>
+    <TestVariant title="AlignRight">
+      <AlignRight />
+    </TestVariant>
+    <TestVariant title="ContentPosition">
+      <ContentPosition />
+    </TestVariant>
+    <TestVariant title="Default">
+      <Default />
+    </TestVariant>
+    <TestVariant title="Dense">
+      <Dense />
+    </TestVariant>
+    <TestVariant title="Disabled">
+      <Disabled />
+    </TestVariant>
+    <TestVariant title="PlacementTop">
+      <PlacementTop />
+    </TestVariant>
+    <TestVariant title="ScrollableContent">
+      <ScrollableContent />
+    </TestVariant>
+    <TestVariant title="Secondary">
+      <Secondary />
+    </TestVariant>
+    <TestVariant title="VariantLink">
+      <VariantLink />
+    </TestVariant>
+    <TestVariant title="Warning">
+      <Warning />
+    </TestVariant>
+    <TestVariant title="WithIcons">
+      <WithIcons />
+    </TestVariant>
+  </div>
+  )
+  await page.evaluate(() => document.fonts.ready);
+
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+  

package/src/navigation/Dropdown/interaction.test.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import { test, expect } from '@playwright/experimental-ct-react';
+
+import { AlignRight } from '@digigov/ui/navigation/Dropdown/__stories__/AlignRight';
+import { Default } from '@digigov/ui/navigation/Dropdown/__stories__/Default';
+import { Dense } from '@digigov/ui/navigation/Dropdown/__stories__/Dense';
+import { PlacementTop } from '@digigov/ui/navigation/Dropdown/__stories__/PlacementTop';
+import { ScrollableContent } from '@digigov/ui/navigation/Dropdown/__stories__/ScrollableContent';
+
+test('renders the AlignRight Align right action', async ({ mount, page }) => {
+  await mount(
+    <AlignRight />
+  )
+  await page.evaluate(() => document.fonts.ready);
+ await page.locator("#root>div>details>summary").click();
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+  
+
+
+test('renders the Default Open dropdown action', async ({ mount, page }) => {
+  await mount(
+    <Default />
+  )
+  await page.evaluate(() => document.fonts.ready);
+ await page.locator("#root>details>summary").click();
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+  
+
+
+test('renders the Dense Open dropdown action', async ({ mount, page }) => {
+  await mount(
+    <Dense />
+  )
+  await page.evaluate(() => document.fonts.ready);
+ await page.locator("#root>details>summary").click();
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+  
+
+
+test('renders the PlacementTop Placement top action', async ({ mount, page }) => {
+  await mount(
+    <PlacementTop />
+  )
+  await page.evaluate(() => document.fonts.ready);
+ await page.locator("#root>div>details>summary").click();
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+  
+
+
+test('renders the ScrollableContent open content', async ({ mount, page }) => {
+  await mount(
+    <ScrollableContent />
+  )
+  await page.evaluate(() => document.fonts.ready);
+ await page.locator("#root>details>summary").click();
+  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  expect(screenshot).toMatchSnapshot();
+});
+  

package/src/navigation/Link/Link.stories.js

@@ -5,9 +5,10 @@ export default {
   component: Link,
   displayName: 'Link',
 };
-export * from '@digigov/ui/navigation/Link/__stories__/Default';
-export * from '@digigov/ui/navigation/Link/__stories__/ExternalLink';
-export * from '@digigov/ui/navigation/Link/__stories__/OpensInNewTab';
-export * from '@digigov/ui/navigation/Link/__stories__/NoUnderline';
-export * from '@digigov/ui/navigation/Link/__stories__/DarkBackground';
-export * from '@digigov/ui/navigation/Link/__stories__/DarkBackgroundNoUnderline';
+export { Default } from '@digigov/ui/navigation/Link/__stories__/Default';
+export { ExternalLink } from '@digigov/ui/navigation/Link/__stories__/ExternalLink';
+export { OpensInNewTab } from '@digigov/ui/navigation/Link/__stories__/OpensInNewTab';
+export { NoUnderline } from '@digigov/ui/navigation/Link/__stories__/NoUnderline';
+export { DarkBackground } from '@digigov/ui/navigation/Link/__stories__/DarkBackground';
+export { DarkBackgroundNoUnderline } from '@digigov/ui/navigation/Link/__stories__/DarkBackgroundNoUnderline';
+export { WithProvider } from '@digigov/ui/navigation/Link/__stories__/WithProvider';