@digigov/ui 0.35.2 → 0.35.3

package/src/app/Footer/__stories__/FooterWithSecondaryNavigation.tsx

@@ -1,9 +1,7 @@
 import React from 'react';
-import { Footer } from '@digigov/ui/app/Footer';
-import { Copyright } from '@digigov/ui/govgr/Footer/Copyright';
-import { HellenicRepublicLogo } from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
 
 import {
+  Footer,
   FooterMeta,
   FooterMetaItem,
   FooterContent,
@@ -13,12 +11,15 @@ import {
   FooterList,
   FooterListItem,
   FooterLink,
-} from '@digigov/ui/app/Footer';
+} from "@digigov/ui/app/Footer";
 
-import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
 import { Link } from '@digigov/ui/core/Link';
 import { SectionBreak } from '@digigov/ui/core/SectionBreak';
 
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+import { Copyright } from '@digigov/ui/govgr/Footer/Copyright';
+import { HellenicRepublicLogo } from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+
 export const FooterWithSecondaryNavigation = () => {
   return (
     <Footer>

package/src/app/Footer/__stories__/YearCopyright.tsx

@@ -1,21 +1,21 @@
 import React from 'react';
 
-import { Copyright, getCopyright } from '@digigov/ui/govgr/Footer/Copyright';
-
-import { HellenicRepublicLogo } from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
-import { Footer } from '@digigov/ui/app/Footer';
-
 import {
+  Footer,
   FooterMeta,
   FooterMetaItem,
   FooterContent,
   FooterInlineList,
   FooterInlineListItem,
   FooterLink,
-} from '@digigov/ui/app/Footer';
+} from "@digigov/ui/app/Footer";
 
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
 
+import { Copyright, getCopyright } from '@digigov/ui/govgr/Footer/Copyright';
+
+import { HellenicRepublicLogo } from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+
 export const YearCopyright = () => {
   return (
     <Footer>

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Header } from '@digigov/ui/app/Header';
-import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
+import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
 
 export const Default = () => (

package/src/app/Header/__stories__/WithHeaderNavigation.tsx

@@ -1,17 +1,16 @@
 import React from 'react';
+import { ArrowIcon, BurgerIcon, MoreVertIcon } from "@digigov/ui";
+import { Dropdown, DropdownButton, DropdownContent } from '@digigov/ui/admin';
 import Header from '@digigov/ui/app/Header';
-import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
+import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
 import HeaderNavMenuContent from '@digigov/ui/app/Header/HeaderNavMenuContent';
+import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
 import HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
 import NavList from '@digigov/ui/core/NavList/NavList';
 import NavListItem from '@digigov/ui/core/NavList/NavListItem';
 import NavListItemLink from '@digigov/ui/core/NavList/NavListItemLink';
-import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
 import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 import { Top } from '@digigov/ui/layouts/Basic';
-import { ArrowIcon } from '@digigov/ui';
-import { Dropdown, DropdownButton, DropdownContent } from '@digigov/ui/admin';
-import { BurgerIcon, MoreVertIcon } from '@digigov/ui';
 
 export const WithHeaderNavigation = () => (
   <Top>

package/src/app/Header/__stories__/WithNavigation.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
+import { SectionBreak } from '@digigov/ui';
 import { Header } from '@digigov/ui/app/Header';
-import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
+import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { Nav } from '@digigov/ui/core/NavList/Nav';
 import { NavList } from '@digigov/ui/core/NavList/NavList';
 import { NavListItem } from '@digigov/ui/core/NavList/NavListItem';
 import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
-import { Top } from '@digigov/ui/layouts/Basic';
-import { SectionBreak } from '@digigov/ui';
 import { useNavList } from '@digigov/ui/hooks/useNavList';
+import { Top } from '@digigov/ui/layouts/Basic';
 
 export const WithNavigation = () => {
   const { registerButton } = useNavList();

package/src/app/Header/__stories__/WithServiceName.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Header } from '@digigov/ui/app/Header';
-import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
-import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
+import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';
+import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
 
 export const WithServiceName = () => (
   <Header>

package/src/app/Header/__stories__/WithServiceNameAndLogo.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Header } from '@digigov/ui/app/Header';
-import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
-import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
 import { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';
+import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';
+import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
 import logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';
 
 export const WithServiceNameAndLogo = () => {

package/src/app/Header/index.spec.tsx

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { mount } from 'enzyme';
 
-import logo from '../../govgr/GovGRLogo/govgr-logo.svg';
 import Header, {
   HeaderTitle,
   HeaderSubtitle,
   HeaderLogo,
 } from '@digigov/ui/app/Header';
+import logo from '../../govgr/GovGRLogo/govgr-logo.svg';
 
 it('renders the header with logo, title and subtitle ', () => {
   expect(

package/src/app/OutdatedBrowserBanner.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
+import { useTranslation } from '@digigov/ui/app/';
+import Link from '@digigov/ui/core/Link';
 import { WarningText } from '@digigov/ui/core/WarningText';
-import Paragraph from '@digigov/ui/typography/Paragraph';
 import useOutdatedBrowserCheck from '@digigov/ui/hooks/useOutdatedBrowserCheck';
-import Link from '@digigov/ui/core/Link';
+import Paragraph from '@digigov/ui/typography/Paragraph';
 import { isMobile } from '@digigov/ui/utils/evaluateBrowserVersion';
-import { useTranslation } from '@digigov/ui/app/';
 
 export default function OutdatedBrowserBanner(): JSX.Element {
   const mob = isMobile;

package/src/app/PhaseBannerHeader/index.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import HeaderSection from '@digigov/react-core/HeaderSection';
 import PhaseBanner from '@digigov/react-core/PhaseBanner';
+import PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';
 import PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';
 import PhaseBannerText from '@digigov/react-core/PhaseBannerText';
-import PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';
 
 type DivElementAttributes = JSX.IntrinsicElements['div'];
 export interface PhaseBannerHeaderProps extends DivElementAttributes {

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} />