npm - @digigov/ui - Versions diffs - 2.0.0-298cfc51 → 2.0.0-2a26e869 - Mend

@digigov/ui 2.0.0-298cfc51 → 2.0.0-2a26e869

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (575) hide show

package/src/app/Footer/__stories__/FooterWithText.tsx CHANGED Viewed

@@ -23,17 +23,20 @@ export const FooterWithText = () => {
               <VisuallyHidden>Περισσότερες επιλογές</VisuallyHidden>
               <FooterList>
                 <FooterListItem>
-                  <Link href="#">Ενημέρωση σχετικά με την επεξεργασία προσωπικών δεδομένων</Link>
+                  <Link href="#">
+                    Ενημέρωση σχετικά με την επεξεργασία προσωπικών δεδομένων
+                  </Link>
                 </FooterListItem>
               </FooterList>
               <Copyright>
-                Η άντληση των απαραίτητων στοιχείων πραγματοποιείται μέσω του {' '}
+                Η άντληση των απαραίτητων στοιχείων πραγματοποιείται μέσω του{' '}
                 <Link href="https://gsis.gr/dimosia-dioikisi/ked">
-                  Κέντρου Διαλειτουργικότητας
-                </Link>
-                {' '}της {' '}
+                  Κέντρου Διαλειτουργικότητας
+                </Link>{' '}
+                της{' '}
                 <Link href="https://www.gsis.gr/">
-                  Γενικής Γραμματείας Πληροφοριακών Συστημάτων Δημόσιας Διοίκησης
+                  Γενικής Γραμματείας Πληροφοριακών Συστημάτων Δημόσιας
+                  Διοίκησης
                 </Link>
                 .
               </Copyright>

package/src/app/Footer/interaction.test.tsx CHANGED Viewed

@@ -4,14 +4,18 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import { Default } from '@digigov/ui/app/Footer/__stories__/Default';
 test('renders the Default Hover and click', async ({ mount, page }) => {
-  await mount(
-    <Default />
-  )
+  await mount(<Default />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>footer>div>div>section:nth-child(1)>p>a:nth-child(1)").hover();
- await page.locator("#root>footer>div>div>section:nth-child(1)>p>a:nth-child(1)").click();
+  await page
+    .locator('#root>footer>div>div>section:nth-child(1)>p>a:nth-child(1)')
+    .hover();
+  await page
+    .locator('#root>footer>div>div>section:nth-child(1)>p>a:nth-child(1)')
+    .click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });

package/src/app/Header/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -26,7 +26,7 @@ exports[`renders the HeaderTitle component with custom href 1`] = `
 </body>
 `;
-exports[`renders the header with logo, title and subtitle  1`] = `
+exports[`renders the header with logo, title and subtitle 1`] = `
 <body>
   <div>
     <header

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

@@ -8,7 +8,7 @@ import Header, {
 } from '@digigov/ui/app/Header';
 import logo from '../../govgr/GovGRLogo/govgr-logo.svg';
-it('renders the header with logo, title and subtitle ', () => {
+it('renders the header with logo, title and subtitle', () => {
   expect(
     render(
       <Header>

package/src/app/Header/interaction.test.tsx CHANGED Viewed

@@ -4,28 +4,33 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import { WithHeaderNavigation } from '@digigov/ui/app/Header/__stories__/WithHeaderNavigation';
 import { WithServiceNameAndLogo } from '@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo';
-test('renders the WithHeaderNavigation Hover on dropdown', async ({ mount, page }) => {
-  await mount(
-    <WithHeaderNavigation />
-  )
+test('renders the WithHeaderNavigation Hover on dropdown', async ({
+  mount,
+  page,
+}) => {
+  await mount(<WithHeaderNavigation />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>header>div>div:nth-child(2)>button").hover();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>div>header>div>div:nth-child(2)>button').hover();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-test('renders the WithServiceNameAndLogo Keyboard navigation', async ({ mount, page }) => {
-  await mount(
-    <WithServiceNameAndLogo />
-  )
+test('renders the WithServiceNameAndLogo Keyboard navigation', async ({
+  mount,
+  page,
+}) => {
+  await mount(<WithServiceNameAndLogo />);
   await page.evaluate(() => document.fonts.ready);
- await page.keyboard.press("Tab");
- await page.keyboard.press("Tab");
- await page.keyboard.press("Tab");
+  await page.keyboard.press('Tab');
+  await page.keyboard.press('Tab');
+  await page.keyboard.press('Tab');
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });

package/src/app/Masthead/__stories__/Default.tsx CHANGED Viewed

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

package/src/app/Masthead/__stories__/Secondary.tsx CHANGED Viewed

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

package/src/app/Masthead/__stories__/WithElements.tsx CHANGED Viewed

@@ -1,10 +1,10 @@
 import React from 'react';
+import { Masthead, MastheadBody, MastheadLogo } from '@digigov/ui/app/Masthead';
 import { CallToAction } from '@digigov/ui/form/Button/CallToAction';
 import mineduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';
 import { Container } from '@digigov/ui/layouts/Basic/Container';
 import { Main } from '@digigov/ui/layouts/Basic/Main';
-import { Masthead, MastheadBody, MastheadLogo } from '@digigov/ui/app/Masthead';
 import Link from '@digigov/ui/navigation/Link';
 import { Heading } from '@digigov/ui/typography/Heading';
 import Hint from '@digigov/ui/typography/Hint';

package/src/app/Masthead/__stories__/WithLogo.tsx CHANGED Viewed

@@ -1,10 +1,10 @@
 import React from 'react';
+import { Masthead, MastheadBody, MastheadLogo } from '@digigov/ui/app/Masthead';
 import { CallToAction } from '@digigov/ui/form/Button/CallToAction';
 import logo3 from '@digigov/ui/govgr/images/minedu-logo-base64';
 import { Container } from '@digigov/ui/layouts/Basic/Container';
 import { Main } from '@digigov/ui/layouts/Basic/Main';
-import { Masthead, MastheadBody, MastheadLogo } from '@digigov/ui/app/Masthead';
 import { Heading } from '@digigov/ui/typography/Heading';
 export const WithLogo = () => (

package/src/app/Masthead/interaction.test.tsx CHANGED Viewed

@@ -4,12 +4,12 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import { Default } from '@digigov/ui/app/Masthead/__stories__/Default';
 test('renders the Default Hover', async ({ mount, page }) => {
-  await mount(
-    <Default />
-  )
+  await mount(<Default />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>section>div>main>a").hover();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>section>div>main>a').hover();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });

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

@@ -3,8 +3,7 @@ export default {
   title: 'Digigov UI/app/Modal',
   description:
     'Use the modal component with caution when you need to provide critical information or ask for a decision.',
-  link:
-    'https://guide.services.gov.gr/docs/patterns/admin-pages/components/modal',
+  link: 'https://guide.services.gov.gr/docs/patterns/admin-pages/components/modal',
   component: Modal,
   displayName: 'Modal',
 };

package/src/app/Modal/__stories__/Auto.tsx CHANGED Viewed

@@ -1,10 +1,6 @@
 import React from 'react';
-import {
-  ModalHeading,
-  ModalContent,
-  ModalAction,
-} from '@digigov/ui/app/Modal';
+import { ModalHeading, ModalContent, ModalAction } from '@digigov/ui/app/Modal';
 import {
   ModalAuto,
   ModalButtonAuto,

package/src/app/Modal/interaction.test.tsx CHANGED Viewed

@@ -6,36 +6,37 @@ import { Dense } from '@digigov/ui/app/Modal/__stories__/Dense';
 import { WithHooks } from '@digigov/ui/app/Modal/__stories__/WithHooks';
 test('renders the Auto Click modal', async ({ mount, page }) => {
-  await mount(
-    <Auto />
-  )
+  await mount(<Auto />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>button:nth-child(1)").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>div>button:nth-child(1)').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
 test('renders the Dense Open modal', async ({ mount, page }) => {
-  await mount(
-    <Dense />
-  )
+  await mount(<Dense />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>button").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>div>button').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });
-test('renders the WithHooks Click modal with hooks', async ({ mount, page }) => {
-  await mount(
-    <WithHooks />
-  )
+test('renders the WithHooks Click modal with hooks', async ({
+  mount,
+  page,
+}) => {
+  await mount(<WithHooks />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>button").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>div>button').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });

package/src/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion.ts CHANGED Viewed

@@ -29,8 +29,8 @@ function strMapper(str, map) {
   for (const i in map) {
     // check if current value is array
     if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {
-      for (let j = 0; j < map[i].length; j++) {
-        if (map[i][j].includes(str)) {
+      for (const j in map[i]) {
+        if (j.includes(str)) {
           return i === UNKNOWN ? undefined : i;
         }
       }

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

@@ -10,7 +10,7 @@ export const Default = () => {
       const url = new URL(rawData);
       return url.origin === window.location.origin;
     } else {
-      return false
+      return false;
     }
   };
   const handleScan = (data) => {

package/src/app/QrCodeScanner/index.tsx CHANGED Viewed

@@ -62,7 +62,7 @@ In order to be safe, you can:
       if (dataType === 'url') {
         try {
           new URL(data);
-        } catch (e) {
+        } catch {
           return onError(
             new Error(
               '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'

package/src/app/QrCodeViewer/index.tsx CHANGED Viewed

@@ -17,12 +17,12 @@ const DEFAULT_INCLUDEMARGIN = false;
 const SUPPORTS_PATH2D = (function () {
   try {
     new Path2D().addPath(new Path2D());
-  } catch (e) {
+  } catch {
     return false;
   }
   return true;
 })();
-const ERROR_LEVEL_MAP: { [index: string]: qrcodegen.QrCode.Ecc } = {
+const ERROR_LEVEL_MAP: Record<string, qrcodegen.QrCode.Ecc> = {
   L: qrcodegen.QrCode.Ecc.LOW,
   M: qrcodegen.QrCode.Ecc.MEDIUM,
   Q: qrcodegen.QrCode.Ecc.QUARTILE,
@@ -50,7 +50,7 @@ const QrCodeViewerCanvas = React.forwardRef(function QrCodeViewerCanvas(
   // We're just using this state to trigger rerenders when images load. We
   // Don't actually read the value anywhere. A smarter use of useEffect would
   // depend on this value.
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   const [isImgLoaded, setIsImageLoaded] = useState(false);
   useEffect(() => {
@@ -177,4 +177,4 @@ export const QrCodeViewer = React.forwardRef(function QrCodeViewer(
   return <QrCodeViewerCanvas {...props} ref={ref} />;
 });
-export default QrCodeViewer;
+export default QrCodeViewer;

package/src/app/QrCodeViewer/qrcodegen.ts CHANGED Viewed

@@ -6,7 +6,7 @@
  */
 'use strict';
-// eslint-disable-next-line @typescript-eslint/no-namespace
 namespace qrcodegen {
   type bit = number;
   type byte = number;
@@ -1302,7 +1302,7 @@ namespace qrcodegen {
 }
 /*---- Public helper enumeration ----*/
-// eslint-disable-next-line @typescript-eslint/no-namespace
 namespace qrcodegen.QrCode {
   type int = number;
@@ -1336,7 +1336,7 @@ namespace qrcodegen.QrCode {
 }
 /*---- Public helper enumeration ----*/
-// eslint-disable-next-line @typescript-eslint/no-namespace
 namespace qrcodegen.QrSegment {
   type int = number;

package/src/app/QrCodeViewer/types.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { CSSProperties } from 'react';
 import qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
-export type QRProps = {
+export interface QRProps {
   value: string;
   size?: number;
   // Should be a real enum, but doesn't seem to be compatible with real code.
@@ -11,20 +11,25 @@ export type QRProps = {
   style?: CSSProperties;
   includeMargin?: boolean;
   imageSettings?: ImageSettings;
-};
+}
 export type QRPropsCanvas = QRProps &
   React.CanvasHTMLAttributes<HTMLCanvasElement>;
 export type Modules = ReturnType<qrcodegen.QrCode['getModules']>;
-export type Excavation = { x: number; y: number; w: number; h: number };
+export interface Excavation {
+  x: number;
+  y: number;
+  w: number;
+  h: number;
+}
-export type ImageSettings = {
+export interface ImageSettings {
   src: string;
   height: number;
   width: number;
   excavate: boolean;
   x?: number;
   y?: number;
-};
+}

package/src/app/QrCodeViewer/utils.ts CHANGED Viewed

@@ -7,7 +7,7 @@ import {
 const DEFAULT_IMG_SCALE = 0.1;
 export const MARGIN_SIZE = 4;
 export function generatePath(modules: Modules, margin = 0): string {
-  const ops: Array<string> = [];
+  const ops: string[] = [];
   modules.forEach(function (row, y) {
     let start: number | null = null;
     row.forEach(function (cell, x) {

package/src/app/Skeleton/__stories__/SpecificWidthAndHeight.tsx CHANGED Viewed

@@ -2,7 +2,7 @@ import React from 'react';
 import { Skeleton } from '@digigov/ui/app/Skeleton';
 export const SpecificWidthAndHeight = () => (
-    <Skeleton width={200} height={200}/>
+  <Skeleton width={200} height={200} />
 );
 export default SpecificWidthAndHeight;

package/src/app/ThemeOptions/index.tsx CHANGED Viewed

@@ -66,13 +66,7 @@ export const ThemeOptions = React.forwardRef<
     lineHeightOption = true,
     letterSpacingOption = true,
     highlightLinksOption = true,
     colorsOptionTitleSize = 'sm',
-    fontSizeOptionTitleSize = 'sm',
-    lineHeightOptionTitleSize = 'sm',
-    letterSpacingOptionTitleSize = 'sm',
-    highlightLinksOptionTitleSize = 'sm',
     className,
     ...props
   },
@@ -87,18 +81,15 @@ export const ThemeOptions = React.forwardRef<
     fontSize || 'default'
   );
   const [lineHeight, changeLineHeight] = useLineHeight();
-  const [selectedLineHeight, setSelectedLineHeight] = useState<
-    LineHeightOptions
-  >(lineHeight || 'default');
+  const [selectedLineHeight, setSelectedLineHeight] =
+    useState<LineHeightOptions>(lineHeight || 'default');
   const [letterSpacing, changeLetterSpacing] = useLetterSpacing();
-  const [selectedLetterSpacing, setSelectedLetterSpacing] = useState<
-    LetterSpacingOptions
-  >(letterSpacing || 'default');
+  const [selectedLetterSpacing, setSelectedLetterSpacing] =
+    useState<LetterSpacingOptions>(letterSpacing || 'default');
   const [highlightLinks, changeHighlightLinks] = useHighlightLinks();
-  const [selectedHighlightLinks, setSelectedHighlightLinks] = useState<
-    HighlightLinksOptions
-  >(highlightLinks || 'default');
+  const [selectedHighlightLinks, setSelectedHighlightLinks] =
+    useState<HighlightLinksOptions>(highlightLinks || 'default');
   function handleOptions() {
     changeTheme(selectedTheme);

package/src/app/hooks/useHighlightLinks.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export type StoredHighlightLinksOptions = HighlightLinksOptions | null;
 export type UseHighlightLinksResult = [
   HighlightLinksOptions,
-  (selectedHighlightLinks: HighlightLinksOptions) => void
+  (selectedHighlightLinks: HighlightLinksOptions) => void,
 ];
 export const useHighlightLinks = (): UseHighlightLinksResult => {
@@ -13,9 +13,8 @@ export const useHighlightLinks = (): UseHighlightLinksResult => {
     '--theme-highlight-links'
   ) as StoredHighlightLinksOptions;
-  const [highlightLinks, changeHighlightLinks] = useState<
-    HighlightLinksOptions
-  >(storedHighlightLinks || 'default');
+  const [highlightLinks, changeHighlightLinks] =
+    useState<HighlightLinksOptions>(storedHighlightLinks || 'default');
   useEffect(() => {
     if (highlightLinks === 'highlight') {

package/src/app/hooks/useTheme.ts CHANGED Viewed

@@ -5,12 +5,13 @@ export type StoredThemeOptions = ThemeSelectOptions | null;
 export type UseThemeResult = [
   ThemeSelectOptions,
-  (selectedTheme: ThemeSelectOptions) => void
+  (selectedTheme: ThemeSelectOptions) => void,
 ];
 export const useTheme = (): UseThemeResult => {
-  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')
-    .matches;
+  const prefersDarkScheme = window.matchMedia(
+    '(prefers-color-scheme: dark)'
+  ).matches;
   const storedTheme = localStorage.getItem(
     '--theme-palette'
   ) as StoredThemeOptions;

package/src/content/Accordion/__stories__/Auto.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ import {
   AccordionSectionSummary,
   AccordionSectionSummaryHeading,
 } from '@digigov/ui/content/Accordion';
-import {
+import {
   AccordionAuto,
   AccordionSectionAuto,
   AccordionCloseAllButtonAuto,

package/src/content/Accordion/auto.tsx CHANGED Viewed

@@ -8,10 +8,9 @@ import { Button, ButtonProps } from '@digigov/react-core/Button';
 import {
   AccordionItemId,
   useAccordion,
+  UseAccordionReturn,
 } from '@digigov/ui/content/Accordion/hooks';
-import { UseAccordionReturn } from '@digigov/ui/content/Accordion/hooks';
 export interface ButtonAccordionAutoProps extends ButtonProps {}
 export interface AccordionSectionAutoProps extends AccordionSectionProps {
   id: string;

package/src/content/Accordion/index.tsx CHANGED Viewed

@@ -1,4 +1,3 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 import Accordion from '@digigov/react-core/Accordion';
 export * from '@digigov/react-core/Accordion';

package/src/content/Accordion/interaction.test.tsx CHANGED Viewed

@@ -4,12 +4,12 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import { Default } from '@digigov/ui/content/Accordion/__stories__/Default';
 test('renders the Default Mouse navigation', async ({ mount, page }) => {
-  await mount(
-    <Default />
-  )
+  await mount(<Default />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>details:nth-child(2)>summary").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>div>details:nth-child(2)>summary').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });

package/src/content/Card/interaction.test.tsx CHANGED Viewed

@@ -4,12 +4,12 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import { WithClickableContent } from '@digigov/ui/content/Card/__stories__/WithClickableContent';
 test('renders the WithClickableContent Click card', async ({ mount, page }) => {
-  await mount(
-    <WithClickableContent />
-  )
+  await mount(<WithClickableContent />);
   await page.evaluate(() => document.fonts.ready);
- await page.locator("#root>div>div>div:nth-child(1)>a").click();
-  const screenshot = await page.screenshot({ fullPage: true, animations: 'disabled' });
+  await page.locator('#root>div>div>div:nth-child(1)>a').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });

package/src/content/Details/interaction.test.tsx CHANGED Viewed

@@ -4,12 +4,12 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import { Default } from '@digigov/ui/content/Details/__stories__/Default';
 test('renders the Default Open Details', async ({ mount, page }) => {
-  await mount(
-    <Default />
-  )
+  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' });
+  await page.locator('#root>details>summary').click();
+  const screenshot = await page.screenshot({
+    fullPage: true,
+    animations: 'disabled',
+  });
   expect(screenshot).toMatchSnapshot();
 });

package/src/content/List/__stories__/Default.tsx CHANGED Viewed

@@ -4,15 +4,9 @@ import { ListItem } from '@digigov/ui/content/List/ListItem';
 export const Default = () => (
   <List>
-    <ListItem>
-      Αποτελέσματα διαγνωστικών εργαστηριακών εξετάσεων
-    </ListItem>
-    <ListItem>
-      Πτυχία τριτοβάθμιας εκπαίδευσης
-    </ListItem>
-    <ListItem>
-      Υπεύθυνη Δήλωση / Εξουσιοδότηση / Γνήσιο Υπογραφής
-    </ListItem>
+    <ListItem>Αποτελέσματα διαγνωστικών εργαστηριακών εξετάσεων</ListItem>
+    <ListItem>Πτυχία τριτοβάθμιας εκπαίδευσης</ListItem>
+    <ListItem>Υπεύθυνη Δήλωση / Εξουσιοδότηση / Γνήσιο Υπογραφής</ListItem>
   </List>
 );

package/src/content/Markdown/Markdown.stories.js CHANGED Viewed

@@ -1,8 +1,7 @@
 import Markdown from '@digigov/ui/content/Markdown';
 export default {
   title: 'Digigov UI/content/Markdown',
-  description:
-    'Display markdown content',
+  description: 'Display markdown content',
   component: Markdown,
   displayName: 'Markdown',
 };