@digigov/ui 0.35.3 → 0.35.5

package/src/admin/TaskList/__stories__/Default.tsx

@@ -1,12 +1,4 @@
 import React from 'react';
-import {
-  TaskList,
-  TaskListItem,
-  TaskListItemHeading,
-  TaskListItemContent,
-  TaskListItemTag,
-} from '@digigov/ui/admin/TaskList';
-
 import { LinkBase } from '@digigov/ui/core/Link';
 
 import {
@@ -16,6 +8,14 @@ import {
   SummaryListItemKey,
 } from '@digigov/ui/core/SummaryList';
 
+import {
+  TaskList,
+  TaskListItem,
+  TaskListItemHeading,
+  TaskListItemContent,
+  TaskListItemTag,
+} from '@digigov/ui/admin/TaskList';
+
 const fields = [
   {
     title: 'Check before you start',

package/src/admin/Timeline/__stories__/Default.tsx

@@ -1,4 +1,9 @@
 import React from 'react';
+import { Button } from '@digigov/ui/core/Button';
+import { Hint } from '@digigov/ui/typography/Hint';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import { LinkBase } from '@digigov/ui/core/Link';
+
 import {
   Timeline,
   TimelineItem,
@@ -6,17 +11,12 @@ import {
   TimelineContent,
   TimelineActions,
 } from '@digigov/ui/admin/Timeline';
-import { Button } from '@digigov/ui/core/Button';
+
 import {
   Details,
   DetailsSummary,
   DetailsContent,
 } from '@digigov/ui/core/Details';
-import { LinkBase } from '@digigov/ui/core/Link';
-
-import { Hint } from '@digigov/ui/typography/Hint';
-
-import { Paragraph } from '@digigov/ui/typography/Paragraph';
 
 const data = [
   {

package/src/api/index.spec.tsx

@@ -2,8 +2,6 @@
 import React, { FunctionComponent, Suspense, useEffect } from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import fetchMock from 'fetch-mock';
-import 'whatwg-fetch';
-import fetchAPI from '@digigov/ui/api/fetchAPI';
 import {
   APIProvider,
   useResource,
@@ -13,6 +11,8 @@ import {
   APIErrors,
 } from '@digigov/ui/api/index';
 import delay from '@digigov/ui/test-utils/delay';
+import fetchAPI from '@digigov/ui/api/fetchAPI';
+import 'whatwg-fetch';
 
 const HandleError = ({ error }) => {
   if (error.name === 'APIError') {

package/src/api/useResource.tsx

@@ -1,7 +1,7 @@
-import { useState } from 'react';
+import { getQueryKey, processResponse } from '@digigov/ui/api/utils';
 import { useQuery, queryCache } from 'react-query';
 import { useAPI } from '@digigov/ui/api';
-import { getQueryKey, processResponse } from '@digigov/ui/api/utils';
+import { useState } from 'react';
 
 export type RequestResponse = {
   data?: Record<string, any>;

package/src/api/useResourceAction.tsx

@@ -1,8 +1,8 @@
 import { useState, useEffect } from 'react';
-import { useMutation } from 'react-query';
-import { useAPI } from '@digigov/ui/api';
 import { RequestResponse } from '@digigov/ui/api/useResource';
 import { getQueryKey, processResponse } from '@digigov/ui/api/utils';
+import { useMutation } from 'react-query';
+import { useAPI } from '@digigov/ui/api';
 
 export function useResourceAction(
   resource: string,

package/src/api/useResourceQuery.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState, useCallback } from 'react';
+import { getQueryKey, processResponse } from '@digigov/ui/api/utils';
 import { usePaginatedQuery, QueryFunction, queryCache } from 'react-query';
 import { useAPI } from '@digigov/ui/api';
-import { getQueryKey, processResponse } from '@digigov/ui/api/utils';
 
 const DEFAULT_PAGINATION_LIMIT = 30;
 const DEFAULT_LIMIT_OPTIONS = [10, 30, 60, 100];

package/src/api/utils.tsx

@@ -1,6 +1,6 @@
-import { ArrayQueryKey } from 'react-query/types';
 import { APIError } from '@digigov/ui/api/APIErrors';
 import { ProcessedResponse } from '@digigov/ui/api/fetchAPI';
+import { ArrayQueryKey } from 'react-query/types';
 
 export async function parseErrors(response: Response): Promise<string[]> {
   const errors: string[] = [];

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

@@ -1,18 +1,18 @@
 import React from 'react';
+import { Copyright } 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";
-import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+} from '@digigov/ui/app/Footer';
 
-import { Copyright } from '@digigov/ui/govgr/Footer/Copyright';
-
-import { HellenicRepublicLogo } from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
 
 export const DefaultCopyright = () => {
   return (

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

@@ -1,7 +1,9 @@
 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,
@@ -15,14 +17,11 @@ import {
   FooterInlineListItem,
   FooterContentLogos,
   FooterImage,
-} 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';
 import logo1 from '@digigov/ui/govgr/images/greek-government-base64';
 import logo2 from '@digigov/ui/govgr/images/grnet-logo-base64';
 

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

@@ -1,19 +1,19 @@
 import React from 'react';
+import { Copyright } 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";
-import { Link } from '@digigov/ui/core/Link';
+} from '@digigov/ui/app/Footer';
 
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
-
-import { Copyright } from '@digigov/ui/govgr/Footer/Copyright';
-import { HellenicRepublicLogo } from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import { Link } from '@digigov/ui/core/Link';
 
 export const FooterWithLink = () => {
   return (

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

@@ -1,19 +1,18 @@
 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,
   FooterContentLogos,
   FooterImage,
-} from "@digigov/ui/app/Footer";
+} from '@digigov/ui/app/Footer';
 
-import { Link } from '@digigov/ui/core/Link';
 import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
-
-import { Copyright } from '@digigov/ui/govgr/Footer/Copyright';
-import { HellenicRepublicLogo } from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import { Link } from '@digigov/ui/core/Link';
 import logo1 from '@digigov/ui/govgr/images/greek-government-base64';
 import logo2 from '@digigov/ui/govgr/images/grnet-logo-base64';
 

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

@@ -1,7 +1,9 @@
 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,
@@ -11,15 +13,12 @@ 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/Header.stories.playwright.json

@@ -28,6 +28,22 @@
           "title": "Keyboard navigation"
         }
       ]
+    },
+    "digigov-ui-app-header--with-header-navigation": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>header>div>div:nth-child(2)>details>summary"
+              }
+            }
+          ],
+          "id": "CweCKhM6Ql7t",
+          "title": "Hover on dropdown"
+        }
+      ]
     }
   }
 }

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

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

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

@@ -1,16 +1,17 @@
 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 HeaderContent from '@digigov/ui/app/Header/HeaderContent';
-import HeaderNavMenuContent from '@digigov/ui/app/Header/HeaderNavMenuContent';
 import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
+import HeaderNavMenuContent from '@digigov/ui/app/Header/HeaderNavMenuContent';
 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 { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
 import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
+import { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
 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 { useNavList } from '@digigov/ui/hooks/useNavList';
 import { Top } from '@digigov/ui/layouts/Basic';
+import { SectionBreak } from '@digigov/ui';
+import { useNavList } from '@digigov/ui/hooks/useNavList';
 
 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 { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
 import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
-import { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';
+import { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
 import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
+import { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';
 
 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 useOutdatedBrowserCheck from '@digigov/ui/hooks/useOutdatedBrowserCheck';
 import Paragraph from '@digigov/ui/typography/Paragraph';
+import useOutdatedBrowserCheck from '@digigov/ui/hooks/useOutdatedBrowserCheck';
+import Link from '@digigov/ui/core/Link';
 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 { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
 import { Heading } from '@digigov/ui/typography/Heading';
+import { ErrorSummary } from '@digigov/ui/core/ErrorSummary';
 
 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 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';
+import useLetterSpacing, {
+  LetterSpacingOptions,
+} from '@digigov/ui/hooks/useLetterSpacing';
+import useHighlightLinks, {
+  HighlightLinksOptions,
+} from '@digigov/ui/hooks/useHighlightLinks';
 
 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 { Button } from '@digigov/ui/core/Button';
-
 import { Card, CardHeading, CardText, CardAction } from '@digigov/ui/core/Card';
 
+import { Button } from '@digigov/ui/core/Button';
+
 export const Default = () => (
   <Card>
     <CardHeading>Γεωργία και κτηνοτροφία</CardHeading>

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

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

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

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