@digigov/ui 0.35.1 → 0.35.3

package/src/app/QrCodeScanner/__stories__/Default.tsx

@@ -1,7 +1,7 @@
 import React, { Suspense, useState } from 'react';
 import { QrCodeScanner } from '@digigov/ui/app/QrCodeScanner';
-import { Heading } from '@digigov/ui/typography/Heading';
 import { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
+import { Heading } from '@digigov/ui/typography/Heading';
 
 export const Default = () => {
   const [error, setError] = useState({ message: '' });

package/src/app/QrCodeViewer/index.tsx

@@ -1,12 +1,12 @@
 import React, { useRef, useEffect, useState } from 'react';
 import qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
+import { QRPropsCanvas } from '@digigov/ui/app/QrCodeViewer/types';
 import {
   generatePath,
   excavateModules,
   getImageSettings,
   MARGIN_SIZE,
 } from '@digigov/ui/app/QrCodeViewer/utils';
-import { QRPropsCanvas } from '@digigov/ui/app/QrCodeViewer/types';
 
 const DEFAULT_SIZE = 128;
 const DEFAULT_LEVEL = 'L';

package/src/app/ThemeOptionsForm/index.tsx

@@ -7,17 +7,17 @@ import FieldContainer, {
 import { RadioContainer, RadioItem } from '@digigov/ui/core/RadioContainer';
 import SectionBreak from '@digigov/ui/core/SectionBreak';
 
-import useTheme, { ThemeSelectOptions } from '@digigov/ui/hooks/useTheme';
 import useFontSize, { FontSizeOptions } from '@digigov/ui/hooks/useFontSize';
-import useLineHeight, {
-  LineHeightOptions,
-} from '@digigov/ui/hooks/useLineHeight';
-import useLetterSpacing, {
-  LetterSpacingOptions,
-} from '@digigov/ui/hooks/useLetterSpacing';
 import useHighlightLinks, {
   HighlightLinksOptions,
 } from '@digigov/ui/hooks/useHighlightLinks';
+import useLetterSpacing, {
+  LetterSpacingOptions,
+} from '@digigov/ui/hooks/useLetterSpacing';
+import useLineHeight, {
+  LineHeightOptions,
+} from '@digigov/ui/hooks/useLineHeight';
+import useTheme, { ThemeSelectOptions } from '@digigov/ui/hooks/useTheme';
 
 export const ThemeOptionsForm = () => {
   const [theme, changeTheme] = useTheme();

package/src/app/ThemePaletteForm/index.tsx

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
 import Button from '@digigov/react-core/Button';
 import { Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
-import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
 import { RadioContainer, RadioItem } from '@digigov/ui/core/RadioContainer';
 import SectionBreak from '@digigov/ui/core/SectionBreak';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
 
 import useTheme, { ThemeSelectOptions } from '@digigov/ui/hooks/useTheme';
 

package/src/core/Accordion/__stories__/Default.tsx

@@ -8,10 +8,10 @@ import {
   AccordionSectionSummaryHeading,
 } from '@digigov/ui/core/Accordion';
 
-import { Paragraph } from '@digigov/ui/typography/Paragraph';
 import { Link } from '@digigov/ui/core/Link';
 import { List } from '@digigov/ui/core/List/List';
 import { ListItem } from '@digigov/ui/core/List/ListItem';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 export const Default = () => (
   <Accordion>

package/src/core/Accordion/__stories__/WithHints.tsx

@@ -8,11 +8,11 @@ import {
   AccordionSectionSummaryHeading,
 } from '@digigov/ui/core/Accordion';
 
-import { Hint } from '@digigov/ui/typography/Hint';
-import { Paragraph } from '@digigov/ui/typography/Paragraph';
 import { Link } from '@digigov/ui/core/Link';
 import { List } from '@digigov/ui/core/List/List';
 import { ListItem } from '@digigov/ui/core/List/ListItem';
+import { Hint } from '@digigov/ui/typography/Hint';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 export const WithHints = () => (
   <Accordion>

package/src/core/Accordion/index.tsx

@@ -1,18 +1,18 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import React, { useState } from 'react';
 import Accordion from '@digigov/react-core/Accordion';
+import AccordionControls from '@digigov/react-core/AccordionControls';
 import AccordionSection from '@digigov/react-core/AccordionSection';
 import AccordionSectionContent from '@digigov/react-core/AccordionSectionContent';
+import AccordionSectionSummary from '@digigov/react-core/AccordionSectionSummary';
 import AccordionSectionSummaryHeadingBase, {
   AccordionSectionSummaryHeadingProps as AccordionSectionSummaryHeadingBaseProps,
 } from '@digigov/react-core/AccordionSectionSummaryHeading';
-import AccordionSectionSummary from '@digigov/react-core/AccordionSectionSummary';
-import AccordionControls from '@digigov/react-core/AccordionControls';
-import withDeprecation from '@digigov/ui/utils/withDeprecation';
 import {
   useTogglableTab,
   UseTogglableTabReturn,
 } from '@digigov/ui/hooks/useTogglableTab';
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
 
 export const AccordionItemDetails = withDeprecation(AccordionSectionContent, {
   name: 'AccordionItemDetails',

package/src/core/Card/__stories__/Default.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Card, CardHeading, CardText, CardAction } from '@digigov/ui/core/Card';
-
 import { Button } from '@digigov/ui/core/Button';
 
+import { Card, CardHeading, CardText, CardAction } from '@digigov/ui/core/Card';
+
 export const Default = () => (
   <Card>
     <CardHeading>Γεωργία και κτηνοτροφία</CardHeading>

package/src/core/Card/__stories__/WithDarkBorder.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
-
 import { Button } from '@digigov/ui/core/Button';
 
+import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+
 export const WithDarkBorder = () => (
   <Card variant="border" borderColor="dark">
     <CardHeading>Γεωργία και κτηνοτροφία</CardHeading>

package/src/core/Card/__stories__/WithDarkTopBorder.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
-
 import { Button } from '@digigov/ui/core/Button';
 
+import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+
 export const WithDarkTopBorder = () => (
   <Card variant="border-top" borderColor="dark">
     <CardHeading>Γεωργία και κτηνοτροφία</CardHeading>

package/src/core/Card/__stories__/WithDivider.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
-
 import { Button } from '@digigov/ui/core/Button';
 
+import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+
 export const WithDivider = () => (
   <Card variant="divider">
     <CardHeading>Γεωργία και κτηνοτροφία</CardHeading>

package/src/core/Card/__stories__/WithGrayBorder.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
-
 import { Button } from '@digigov/ui/core/Button';
 
+import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+
 export const WithGrayBorder = () => (
   <Card variant="border" borderColor="gray">
     <CardHeading>Γεωργία και κτηνοτροφία</CardHeading>

package/src/core/Card/__stories__/WithGrayTopBorder.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
-
 import { Button } from '@digigov/ui/core/Button';
 
+import { Card, CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+
 export const WithGrayTopBorder = () => (
   <Card variant="border-top" borderColor="gray">
     <CardHeading>Γεωργία και κτηνοτροφία</CardHeading>

package/src/core/Card/__stories__/WithGroupButton.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import { Card, CardHeading, CardText, CardAction } from '@digigov/ui/core/Card';
-
 import { Button, ButtonGroup } from '@digigov/ui/core/Button';
 
+import { Card, CardHeading, CardText, CardAction } from '@digigov/ui/core/Card';
+
 import { Link } from '@digigov/ui/core/Link';
 
 export const WithGroupButton = () => (

package/src/core/Checkbox/__stories__/ConditionalReveal.tsx

@@ -6,14 +6,14 @@ import {
   CheckboxConditional,
 } from '@digigov/ui/core/Checkbox';
 
-import { TextInput } from '@digigov/ui/core/TextInput';
-
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
 
+import { TextInput } from '@digigov/ui/core/TextInput';
+
 import { Hint } from '@digigov/ui/typography/Hint';
 
 export const ConditionalReveal = () => (

package/src/core/Checkbox/__stories__/NoneAnswerWithError.tsx

@@ -2,15 +2,15 @@ import React from 'react';
 
 import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
 
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
-
-import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
-import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const NoneAnswerWithError = () => (
   <FieldContainer error>

package/src/core/Checkbox/__stories__/WithErrorMessage.tsx

@@ -2,15 +2,15 @@ import React from 'react';
 
 import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
 
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
-
-import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
-import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const WithErrorMessage = () => (
   <FieldContainer error>

package/src/core/DateInputContainer/__stories__/WithErrorMessage.tsx

@@ -5,15 +5,15 @@ import {
   DateInputItem,
 } from '@digigov/ui/core/DateInputContainer';
 
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
-
-import { Hint } from '@digigov/ui/typography/Hint';
-import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const WithErrorMessage = () => (
   <FieldContainer error>

package/src/core/DateInputContainer/__stories__/WithErrorMessageForSingleField.tsx

@@ -5,15 +5,15 @@ import {
   DateInputItem,
 } from '@digigov/ui/core/DateInputContainer';
 
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
-
-import { Hint } from '@digigov/ui/typography/Hint';
-import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const WithErrorMessageForSingleField = () => (
   <FieldContainer error>

package/src/core/ErrorMessage/__stories__/Default.tsx

@@ -2,15 +2,15 @@ import React from 'react';
 
 import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
 
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
-
-import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
-import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const Default = () => (
   <FieldContainer error>

package/src/core/ErrorSummary/__stories__/Default.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
-import { Heading } from '@digigov/ui/typography/Heading';
 import { Link } from '@digigov/ui/core/Link';
+import { Heading } from '@digigov/ui/typography/Heading';
 
 export const Default = () => (
   <ErrorSummary>

package/src/core/ErrorSummary/__stories__/LinkedToCheckbox.tsx

@@ -1,18 +1,18 @@
 import React from 'react';
-import { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
-import { Heading } from '@digigov/ui/typography/Heading';
-import { Link } from '@digigov/ui/core/Link';
-import { Hint } from '@digigov/ui/typography/Hint';
+import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
 import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
-import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
-
+import { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
+import { Link } from '@digigov/ui/core/Link';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
 
-import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
+import { Heading } from '@digigov/ui/typography/Heading';
+
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const LinkedToCheckbox = () => (
   <div className="example">

package/src/core/ErrorSummary/__stories__/LinkedToField.tsx

@@ -1,21 +1,21 @@
 import React from 'react';
-import { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
-import { Heading } from '@digigov/ui/typography/Heading';
-import { Link } from '@digigov/ui/core/Link';
-import { Hint } from '@digigov/ui/typography/Hint';
-import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
-import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
-
 import {
   DateInputContainer,
   DateInputItem,
 } from '@digigov/ui/core/DateInputContainer';
-
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
+import { Link } from '@digigov/ui/core/Link';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+
+import { Heading } from '@digigov/ui/typography/Heading';
+
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const LinkedToField = () => (
   <div className="example">

package/src/core/ErrorSummary/__stories__/LinkedToInput.tsx

@@ -1,14 +1,13 @@
 import React from 'react';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
 import { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
-import { Heading } from '@digigov/ui/typography/Heading';
+import { FieldContainer } from '@digigov/ui/core/FieldContainer';
+import { LabelContainer, LabelTitle } from "@digigov/ui/core/LabelContainer";
 import { Link } from '@digigov/ui/core/Link';
 import { TextInput } from '@digigov/ui/core/TextInput';
-import { FieldContainer } from '@digigov/ui/core/FieldContainer';
-import { LabelContainer } from '@digigov/ui/core/LabelContainer';
-import { LabelTitle } from '@digigov/ui/core/LabelContainer';
-import { Hint } from '@digigov/ui/typography/Hint';
-import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+import { Heading } from '@digigov/ui/typography/Heading';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const LinkedToInput = () => (
   <div className="example">

package/src/core/FileUpload/__stories__/Default.tsx

@@ -6,8 +6,8 @@ import {
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
 
-import { Hint } from '@digigov/ui/typography/Hint';
 import { FileUpload } from '@digigov/ui/core/FileUpload';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const Default = () => (
   <FieldContainer>

package/src/core/FileUpload/__stories__/WithErrorMessage.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+
 import {
   FieldContainer,
   Fieldset,
   FieldsetLegend,
 } from '@digigov/ui/core/FieldContainer';
-
-import { Hint } from '@digigov/ui/typography/Hint';
-import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
-import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
 import { FileUpload } from '@digigov/ui/core/FileUpload';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 export const WithErrorMessage = () => (
   <FieldContainer error>

package/src/core/Link/__stories__/DarkBackground.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from '@digigov/ui/core/Link';
-import { Masthead } from '@digigov/ui/layouts/Basic/Masthead';
 import { SectionBreak } from '@digigov/ui/core/SectionBreak';
+import { Masthead } from '@digigov/ui/layouts/Basic/Masthead';
 export const DarkBackground = () => (
   <Masthead>
     <SectionBreak visible={false} />

package/src/core/Link/__stories__/DarkBackgroundNoUnderline.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from '@digigov/ui/core/Link';
-import { Masthead } from '@digigov/ui/layouts/Basic/Masthead';
 import { SectionBreak } from '@digigov/ui/core/SectionBreak';
+import { Masthead } from '@digigov/ui/layouts/Basic/Masthead';
 export const DarkBackgroundNoUnderline = () => (
   <Masthead>
     <SectionBreak visible={false} />

package/src/core/List/ListItemTitle.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Title, { TitleProps } from '@digigov/ui/typography/Title';
 import Link, { LinkProps } from '@digigov/ui/core/Link';
+import Title, { TitleProps } from '@digigov/ui/typography/Title';
 import withDeprecation from '@digigov/ui/utils/withDeprecation';
 
 export interface ListItemTitleProps extends TitleProps {

package/src/core/List/__stories__/Default.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
+import { Link } from '@digigov/ui/core/Link';
 import { List } from '@digigov/ui/core/List/List';
 import { ListItem } from '@digigov/ui/core/List/ListItem';
-import { Link } from '@digigov/ui/core/Link';
 
 export const Default = () => (
   <List>

package/src/core/Masthead/__stories__/Default.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 
-import { Masthead, MastheadBody } from '@digigov/ui/layouts/Basic/Masthead';
-
 import { CallToAction } from '@digigov/ui/core/Button/CallToAction';
+
 import { Container } from '@digigov/ui/layouts/Basic/Container';
-import { Heading } from '@digigov/ui/typography/Heading';
 import { Main } from '@digigov/ui/layouts/Basic/Main';
+import { Masthead, MastheadBody } from '@digigov/ui/layouts/Basic/Masthead';
+import { Heading } from '@digigov/ui/typography/Heading';
 
 export const Default = () => (
   <Masthead>

package/src/core/NavList/NavListAuto/NavListAuto.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
+import { NavListBaseAuto } from '@digigov/ui/core/NavList/NavListAuto/NavListBaseAuto';
 import { NavListProviderAuto } from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
 import { NavListAutoProps } from '@digigov/ui/core/NavList/types';
-import { NavListBaseAuto } from '@digigov/ui/core/NavList/NavListAuto/NavListBaseAuto';
 
 export const NavListAuto: React.FC<NavListAutoProps> = ({
   layout,

package/src/core/NavList/NavListAuto/NavListBaseAuto.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NavListAutoProps } from '@digigov/ui/core/NavList/types';
 import Nav from '@digigov/ui/core/NavList/Nav';
 import NavList from '@digigov/ui/core/NavList/NavList';
+import { NavListAutoProps } from '@digigov/ui/core/NavList/types';
 
 export const NavListBaseAuto: React.FC<NavListAutoProps> = ({
   className,

package/src/core/NavList/NavListAuto/NavListContextAuto.tsx

@@ -1,6 +1,6 @@
-import { useNavList } from '@digigov/ui/hooks/useNavList';
-import { NavListLayout } from '@digigov/ui/core/NavList/types';
 import React, { createContext, useEffect, useState } from 'react';
+import { NavListLayout } from '@digigov/ui/core/NavList/types';
+import { useNavList } from '@digigov/ui/hooks/useNavList';
 
 export interface NavLinkInterface {
   name?: string;

package/src/core/NavList/NavListAuto/NavListItemAnchorAuto.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
-import { NavListItemLink } from '@digigov/ui/core/NavList/NavListItemLink';
-import NavListContextAuto from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
 import NavListItem from '@digigov/react-core/NavListItem';
+import NavListContextAuto from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
+import { NavListItemLink } from '@digigov/ui/core/NavList/NavListItemLink';
 
 interface NavListItemAnchorAutoProps {
   name: string;

package/src/core/NavList/NavListAuto/NavListItemButtonAuto.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import NavListItemButton from '@digigov/ui/core/NavList/NavListItemButton';
-import NavItemSubMenuAuto from '@digigov/ui/core/NavList/NavListAuto/NavListSubMenuAuto';
 import NavItemMenuAuto from '@digigov/ui/core/NavList/NavListAuto/NavListMenuAuto';
+import NavItemSubMenuAuto from '@digigov/ui/core/NavList/NavListAuto/NavListSubMenuAuto';
 import NavListItem from '@digigov/ui/core/NavList/NavListItem';
+import NavListItemButton from '@digigov/ui/core/NavList/NavListItemButton';
 import { NavListLayout } from '@digigov/ui/core/NavList/types';
 
 interface NavListItemButtonAutoProps {

package/src/core/NavList/NavListAuto/NavListMenuAuto.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import { NavListLayout } from '@digigov/ui/core/NavList/types';
+import { Link } from '@digigov/ui/core';
 import NavMenu from '@digigov/ui/core/NavList/NavMenu';
 import NavMenuContainer from '@digigov/ui/core/NavList/NavMenuContainer';
-import NavMenuContainerTitle from '@digigov/ui/core/NavList/NavMenuContainerTitle';
 import NavMenuContainerContent from '@digigov/ui/core/NavList/NavMenuContainerContent';
 import NavMenuContainerContentList from '@digigov/ui/core/NavList/NavMenuContainerContentList';
 import NavMenuContainerContentListItem from '@digigov/ui/core/NavList/NavMenuContainerContentListItem';
-import { Link } from '@digigov/ui/core';
+import NavMenuContainerTitle from '@digigov/ui/core/NavList/NavMenuContainerTitle';
+import { NavListLayout } from '@digigov/ui/core/NavList/types';
 
 interface NavListMenuAutoProps {
   layout?: NavListLayout;

package/src/core/NavList/NavListItemBase.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
 import Link from '@digigov/ui/core/Link';
-import {
-  isNavListItemLinkInterface,
-  NavListLayout,
-} from '@digigov/ui/core/NavList/types';
 import NavListItem from '@digigov/ui/core/NavList/NavListItem';
 import NavMenu from '@digigov/ui/core/NavList/NavMenu';
 import NavMenuContainer from '@digigov/ui/core/NavList/NavMenuContainer';
-import NavMenuContainerTitle from '@digigov/ui/core/NavList/NavMenuContainerTitle';
 import NavMenuContainerContent from '@digigov/ui/core/NavList/NavMenuContainerContent';
 import NavMenuContainerContentList from '@digigov/ui/core/NavList/NavMenuContainerContentList';
 import NavMenuContainerContentListItem from '@digigov/ui/core/NavList/NavMenuContainerContentListItem';
+import NavMenuContainerTitle from '@digigov/ui/core/NavList/NavMenuContainerTitle';
+import {
+  isNavListItemLinkInterface,
+  NavListLayout,
+} from '@digigov/ui/core/NavList/types';
 
 export interface NavListItemBaseProps {
   container?: (key: string) => { active: boolean; id: string };

package/src/core/NavList/__stories__/Default.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Link } from '@digigov/ui/core';
 import NavList, {
   isNavListItemLinkInterface,
   Nav,
@@ -11,7 +12,6 @@ import NavList, {
   NavMenuContainerTitle,
 } from '@digigov/ui/core/NavList';
 import { useNavList } from '@digigov/ui/hooks/useNavList';
-import { Link } from '@digigov/ui/core';
 const links = [
   { name: 'Nav1', href: '#', label: 'Nav list item 1' },
   {

package/src/core/NavList/__stories__/NavVerticalLayout.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import Link from '@digigov/ui/core/Link';
 import NavList, {
   isNavListItemLinkInterface,
   Nav,
@@ -11,7 +12,6 @@ import NavList, {
   NavMenuContainerTitle,
 } from '@digigov/ui/core/NavList';
 import { useNavList } from '@digigov/ui/hooks/useNavList';
-import Link from '@digigov/ui/core/Link';
 
 const links = [
   { name: 'Nav1', href: '#', label: 'Nav list item 1' },

package/src/core/NavList/types.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import { NavLinkInterface } from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
 import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
 import { NavProps } from '@digigov/ui/core/NavList';
+import { NavLinkInterface } from '@digigov/ui/core/NavList/NavListAuto/NavListContextAuto';
 
 export type NavListLayout = 'horizontal' | 'vertical';