@digigov/react-core 2.0.0-298cfc51 → 2.0.0-2a26e869

package/src/ModalContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ModalContentProps extends BaseProps<'div'> { }
+export interface ModalContentProps extends BaseProps<'div'> {}
 /**
  * ModalContent contains the text or any other element for Modal Component
  * Use ModalContent  inside Modal component as children

package/src/ModalHeading/index.test.tsx

@@ -4,5 +4,7 @@ import { render } from '@testing-library/react';
 import ModalHeading from '@digigov/react-core/ModalHeading';
 
 it('renders the ModalHeading with no props', () => {
-  expect(render(<ModalHeading>hello</ModalHeading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<ModalHeading>hello</ModalHeading>).baseElement
+  ).toMatchSnapshot();
 });

package/src/ModalHeading/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import Heading, { HeadingProps } from '@digigov/react-core/Heading';
 
-export interface ModalHeadingProps extends HeadingProps { }
+export interface ModalHeadingProps extends HeadingProps {}
 /**
  * ModalHeading gives header title to Modal Component
  * Use ModalHeading inside Modal component as children

package/src/Nav/index.test.tsx

@@ -17,10 +17,14 @@ it('renders the Nav with drawer="never" prop', () => {
   expect(render(<Nav drawer="never">hello</Nav>).baseElement).toMatchSnapshot();
 });
 it('renders the Nav with drawer="mdDown" prop', () => {
-  expect(render(<Nav drawer="mdDown">hello</Nav>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Nav drawer="mdDown">hello</Nav>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Nav with drawer="always" prop', () => {
-  expect(render(<Nav drawer="always">hello</Nav>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Nav drawer="always">hello</Nav>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Nav with drawer="always", border and open props', () => {
   expect(

package/src/NavListItemAction/index.test.tsx

@@ -5,6 +5,7 @@ import NavListItemActionContainer from '@digigov/react-core/NavListItemActionCon
 
 it('renders the NavListItemActionContainer with no props', () => {
   expect(
-    render(<NavListItemActionContainer>hello</NavListItemActionContainer>).baseElement
+    render(<NavListItemActionContainer>hello</NavListItemActionContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/NavListItemAction/index.tsx

@@ -1,12 +1,12 @@
 import React, { ForwardedRef } from 'react';
 import NavListItemActionContainer from '@digigov/react-core/NavListItemActionContainer';
+import NavListItemBadge from '@digigov/react-core/NavListItemBadge';
 import NavListItemButton, {
   NavListItemButtonProps,
 } from '@digigov/react-core/NavListItemButton';
 import NavListItemLink, {
   NavListItemLinkProps,
 } from '@digigov/react-core/NavListItemLink';
-import NavListItemBadge from '@digigov/react-core/NavListItemBadge';
 
 export type LinkButtonJoinProps = NavListItemLinkProps & NavListItemButtonProps;
 export interface NavListItemActionProps extends LinkButtonJoinProps {
@@ -58,9 +58,7 @@ export const NavListItemAction = React.forwardRef<
           {children || label}
         </NavListItemButton>
       )}
-      {props.badgeText && (
-        <NavListItemBadge text={props.badgeText} />
-      )}
+      {props.badgeText && <NavListItemBadge text={props.badgeText} />}
     </NavListItemActionContainer>
   );
 });

package/src/NavListItemActionContainer/index.test.tsx

@@ -5,6 +5,7 @@ import NavListItemActionContainer from '@digigov/react-core/NavListItemActionCon
 
 it('renders the NavListItemActionContainer with no props', () => {
   expect(
-    render(<NavListItemActionContainer>hello</NavListItemActionContainer>).baseElement
+    render(<NavListItemActionContainer>hello</NavListItemActionContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/NavListItemActionContainer/index.web.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface NavListItemActionContainerProps extends BaseProps<'li'> { }
+export interface NavListItemActionContainerProps extends BaseProps<'li'> {}
 /**
  * NavListItemActionContainer must be inside the NavList.
  * This component has a items of NavListItemLink component inside.

package/src/NavListItemBadge/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Base, { BaseProps } from '@digigov/react-core/Base';
 import clsx from 'clsx';
+import Base, { BaseProps } from '@digigov/react-core/Base';
 
 export interface NavListItemBadgeProps extends BaseProps<'span'> {
   /**

package/src/NavListItemButton/index.test.tsx

@@ -3,17 +3,21 @@ import { render } from '@testing-library/react';
 import NavListItemButton from '@digigov/react-core/NavListItemButton';
 
 it('renders the NavListItemButton with no props', () => {
-  expect(render(<NavListItemButton>hello</NavListItemButton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NavListItemButton>hello</NavListItemButton>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NavListItemButton with active=true', () => {
   expect(
-    render(<NavListItemButton active={true}>hello</NavListItemButton>).baseElement
+    render(<NavListItemButton active={true}>hello</NavListItemButton>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the NavListItemButton with active=false', () => {
   expect(
-    render(<NavListItemButton active={false}>hello</NavListItemButton>).baseElement
+    render(<NavListItemButton active={false}>hello</NavListItemButton>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/NavListItemLink/index.test.tsx

@@ -3,7 +3,9 @@ import { render } from '@testing-library/react';
 import NavListItemLink from '@digigov/react-core/NavListItemLink';
 
 it('renders the NavListItemLink with no props', () => {
-  expect(render(<NavListItemLink>hello</NavListItemLink>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NavListItemLink>hello</NavListItemLink>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NavListItemLink with active=true', () => {

package/src/NavMenuContainer/index.test.tsx

@@ -3,7 +3,9 @@ import { render } from '@testing-library/react';
 
 import NavMenuContainer from '@digigov/react-core/NavMenuContainer';
 it('renders the NavMenuContainer with no props', () => {
-  expect(render(<NavMenuContainer>hello</NavMenuContainer>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NavMenuContainer>hello</NavMenuContainer>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the NavMenuContainer with active prop', () => {
   expect(
@@ -12,11 +14,13 @@ it('renders the NavMenuContainer with active prop', () => {
 });
 it('renders the NavMenuContainer with layout="vertical" prop', () => {
   expect(
-    render(<NavMenuContainer layout="vertical">hello</NavMenuContainer>).baseElement
+    render(<NavMenuContainer layout="vertical">hello</NavMenuContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });
 it('renders the NavMenuContainer with layout="horizontal" prop', () => {
   expect(
-    render(<NavMenuContainer layout="horizontal">hello</NavMenuContainer>).baseElement
+    render(<NavMenuContainer layout="horizontal">hello</NavMenuContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/NavMenuContent/index.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
 import clsx from 'clsx';
-import { GridProps } from '@digigov/react-core/Grid';
-import Grid from '@digigov/react-core/Grid';
+import Grid, { GridProps } from '@digigov/react-core/Grid';
 
-export interface NavMenuContentProps extends GridProps { }
+export interface NavMenuContentProps extends GridProps {}
 /**
  *
  * NavMenuContent is the content menu component.

package/src/NavMenuContentListBase/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface NavMenuContentListProps extends BaseProps<'ul'> { }
+export interface NavMenuContentListProps extends BaseProps<'ul'> {}
 /**
  * NavMenuContentListBase contains the ul list nav menu.
  * Inside this component must be NavMenuContentListItem component.

package/src/NavMenuContentListItem/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface NavMenuContentListItemProps extends BaseProps<'li'> { }
+export interface NavMenuContentListItemProps extends BaseProps<'li'> {}
 /**
  * NavMenuContentListItem contains all li items nav menu.
  *

package/src/NavMenuTitle/index.test.tsx

@@ -3,5 +3,7 @@ import { render } from '@testing-library/react';
 
 import NavMenuTitle from '@digigov/react-core/NavMenuTitle';
 it('renders the NavMenuTitle with no props', () => {
-  expect(render(<NavMenuTitle>hello</NavMenuTitle>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NavMenuTitle>hello</NavMenuTitle>).baseElement
+  ).toMatchSnapshot();
 });

package/src/NavMenuTitle/index.tsx

@@ -4,7 +4,7 @@ import { BaseProps } from '@digigov/react-core/Base';
 import Grid from '@digigov/react-core/Grid';
 import Heading from '@digigov/react-core/Heading';
 
-export interface NavMenuTitleProps extends BaseProps<'div'> { }
+export interface NavMenuTitleProps extends BaseProps<'div'> {}
 /**
  *
  * NavMenuTitle is the main Title for the nav list items.

package/src/NormalText/__snapshots__/index.test.tsx.snap

@@ -228,18 +228,6 @@ exports[`renders the NormalText with size=lead and fontSize=36 1`] = `
 </body>
 `;
 
-exports[`renders the NormalText with size=lead and fontSize=36 2`] = `
-<body>
-  <div>
-    <span
-      class="ds-body ds-body--lg ds-!-font-size-36"
-    >
-      hello
-    </span>
-  </div>
-</body>
-`;
-
 exports[`renders the NormalText with size=lead and ontSize=16 1`] = `
 <body>
   <div>

package/src/NormalText/index.test.tsx

@@ -8,15 +8,21 @@ it('renders the NormalText with no props', () => {
 });
 
 it('renders the NormalText with size=lead', () => {
-  expect(render(<NormalText size={'lg'}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText size={'lg'}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=normal', () => {
-  expect(render(<NormalText size={'md'}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText size={'md'}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=small', () => {
-  expect(render(<NormalText size={'sm'}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText size={'sm'}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontWeight=regular', () => {
@@ -32,35 +38,51 @@ it('renders the NormalText with fontWeight=bold', () => {
 });
 
 it('renders the NormalText with fontSize=14', () => {
-  expect(render(<NormalText fontSize={14}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText fontSize={14}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=16', () => {
-  expect(render(<NormalText fontSize={16}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText fontSize={16}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=19', () => {
-  expect(render(<NormalText fontSize={19}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText fontSize={19}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=24', () => {
-  expect(render(<NormalText fontSize={24}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText fontSize={24}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=30', () => {
-  expect(render(<NormalText fontSize={30}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText fontSize={30}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=36', () => {
-  expect(render(<NormalText fontSize={36}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText fontSize={36}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=48', () => {
-  expect(render(<NormalText fontSize={48}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText fontSize={48}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with fontSize=72', () => {
-  expect(render(<NormalText fontSize={72}>hello</NormalText>).baseElement).toMatchSnapshot();
+  expect(
+    render(<NormalText fontSize={72}>hello</NormalText>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the NormalText with size=lead and fontSize=14', () => {
@@ -273,16 +295,6 @@ it('renders the NormalText with size=small and fontSize=30', () => {
   ).toMatchSnapshot();
 });
 
-it('renders the NormalText with size=lead and fontSize=36', () => {
-  expect(
-    render(
-      <NormalText size={'lg'} fontSize={36}>
-        hello
-      </NormalText>
-    ).baseElement
-  ).toMatchSnapshot();
-});
-
 it('renders the NormalText with size=small and font size fontSize=48', () => {
   expect(
     render(

package/src/NotificationBannerContainer/index.test.tsx

@@ -5,7 +5,8 @@ import NotificationBannerContainer from '@digigov/react-core/NotificationBannerC
 
 it('renders the NotificationBannerContainer with no props', () => {
   expect(
-    render(<NotificationBannerContainer>hello</NotificationBannerContainer>).baseElement
+    render(<NotificationBannerContainer>hello</NotificationBannerContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });
 

package/src/NotificationBannerContainer/index.tsx

@@ -9,9 +9,10 @@ export interface NotificationBannerContainerProps extends BaseProps<'div'> {
    * @value 'info'
    * @value 'success'
    * @value 'error'
+   * @value 'error-group'
    * @default 'info'.
    */
-  variant?: 'info' | 'success' | 'error';
+  variant?: 'info' | 'success' | 'error' | 'error-group';
   /**
    * dense is optional.
    * @value true NotificationBannerContainer will be dense.

package/src/NotificationBannerContent/index.test.tsx

@@ -5,6 +5,7 @@ import NotificationBannerContent from '@digigov/react-core/NotificationBannerCon
 
 it('renders the NotificationBannerContent with no props', () => {
   expect(
-    render(<NotificationBannerContent>hello</NotificationBannerContent>).baseElement
+    render(<NotificationBannerContent>hello</NotificationBannerContent>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/NotificationBannerContent/index.tsx

@@ -1,8 +1,32 @@
 import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
+import { WarningTextAssistive } from '@digigov/react-core/WarningTextAssistive';
 
-export interface NotificationBannerContentProps extends BaseProps<'div'> { }
+export interface NotificationBannerContentProps extends BaseProps<'div'> {
+  /**
+   * assistiveText is optional.
+   * Default value is "Προσοχή".
+   * assistiveText is used to provide a textual warning for assistive technologies like screen readers.
+   */
+  assistiveText?: string;
+  /**
+   * variant is optional.
+   * variant is used to display red line on the left side of the component and exclamation mark icon with light red as background.
+   * @value 'error'
+   * @value 'error-group'
+   * @default 'error'.
+   */
+  /**
+   * variant is optional.
+   * variant error is used to change the color of the NotificationBannerContainer.
+   * variant error-group is used to display red line on the left side of the component and exclamation mark icon with light red as background.
+   * @value 'error'
+   * @value 'error-group'
+   * @default 'error'.
+   */
+  variant?: 'error' | 'error-group';
+}
 /**
  * Details for the NotificationBannerContent.
  * NotificationBannerContent component is used as a content for
@@ -12,17 +36,39 @@ export interface NotificationBannerContentProps extends BaseProps<'div'> { }
 export const NotificationBannerContent = React.forwardRef<
   HTMLDivElement,
   NotificationBannerContentProps
->(function NotificationBannerContent({ className, children, ...props }, ref) {
+>(function NotificationBannerContent(
+  { className, assistiveText, variant, children, ...props },
+  ref
+) {
   return (
     <Base
       as="div"
       ref={ref}
       className={clsx(className, {
-        'ds-notification-banner__content': true,
+        'ds-notification-banner__content': variant !== 'error-group',
+        'ds-notification-error-group-banner__content':
+          variant === 'error-group',
       })}
       {...props}
     >
-      {children}
+      {variant === 'error-group' ? (
+        <>
+          <Base
+            as="div"
+            className={clsx({
+              'ds-notification-banner__icon--error-group': true,
+            })}
+          >
+            !
+          </Base>
+          <WarningTextAssistive>{assistiveText}</WarningTextAssistive>
+          <Base as="div" className="ds-notification-banner__text-error-group">
+            {children}
+          </Base>
+        </>
+      ) : (
+        <>{children}</>
+      )}
     </Base>
   );
 });

package/src/NotificationBannerHeader/index.test.tsx

@@ -5,6 +5,7 @@ import NotificationBannerHeader from '@digigov/react-core/NotificationBannerHead
 
 it('renders the NotificationBannerHeader with no props', () => {
   expect(
-    render(<NotificationBannerHeader>hello</NotificationBannerHeader>).baseElement
+    render(<NotificationBannerHeader>hello</NotificationBannerHeader>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/NotificationBannerHeader/index.tsx

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 import Heading from '@digigov/react-core/Heading';
 
-export interface NotificationBannerHeaderProps extends BaseProps<'div'> { }
+export interface NotificationBannerHeaderProps extends BaseProps<'div'> {}
 /**
  * Details for the NotificationBannerHeader.
  * NotificationBannerHeader component is used for placing head title to NotificationBanner component.

package/src/NotificationBannerHeading/index.test.tsx

@@ -5,6 +5,7 @@ import NotificationBannerHeading from '@digigov/react-core/NotificationBannerHea
 
 it('renders the NotificationBannerHeading with no props', () => {
   expect(
-    render(<NotificationBannerHeading>hello</NotificationBannerHeading>).baseElement
+    render(<NotificationBannerHeading>hello</NotificationBannerHeading>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/NotificationBannerHeading/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Heading, { HeadingProps } from '@digigov/react-core/Heading';
 
-export interface NotificationBannerHeadingProps extends HeadingProps { }
+export interface NotificationBannerHeadingProps extends HeadingProps {}
 /**
  * Details for the NotificationBannerHeading.
  * NotificationBannerHeading component is used for placing text content to NotificationBanner component.

package/src/NotificationBannerLink/index.native.tsx

@@ -1,8 +1,8 @@
+import clsx from 'clsx';
 import CoreNotificationBannerLink, {
   NotificationBannerLinkProps,
 } from '@digigov/react-core/NotificationBannerLink/index.web';
 import { extend } from '@digigov/react-core/utils/extend.native';
-import clsx from 'clsx';
 
 interface AdditionalProps {
   variant?: 'error' | 'success';

package/src/NotificationBannerLink/index.tsx

@@ -1,2 +1,2 @@
 export * from '@digigov/react-core/NotificationBannerLink/index.web';
-export {default as default} from '@digigov/react-core/NotificationBannerLink/index.web';
+export { default as default } from '@digigov/react-core/NotificationBannerLink/index.web';

package/src/NotificationBannerLink/index.web.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import LinkBase, { LinkBaseProps } from '@digigov/react-core/LinkBase';
 
-export interface NotificationBannerLinkProps extends LinkBaseProps { }
+export interface NotificationBannerLinkProps extends LinkBaseProps {}
 /**
  * Details for the NotificationBannerLink.
  * NotificationBannerLink allow users to click their way from page to page.

package/src/PageTitleCaption/index.test.tsx

@@ -4,7 +4,9 @@ import { render } from '@testing-library/react';
 import PageTitleHeading from '@digigov/react-core/PageTitleHeading';
 
 it('renders the PageTitleHeading with no props', () => {
-  expect(render(<PageTitleHeading>hello</PageTitleHeading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<PageTitleHeading>hello</PageTitleHeading>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the PageTitleHeading with size=xl', () => {

package/src/PageTitleContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface PageTitleProps extends BaseProps<'div'> { }
+export interface PageTitleProps extends BaseProps<'div'> {}
 /**
  * Details for the PageTitleContainer.
  */

package/src/PageTitleHeading/index.test.tsx

@@ -4,7 +4,9 @@ import { render } from '@testing-library/react';
 import PageTitleHeading from '@digigov/react-core/PageTitleHeading';
 
 it('renders the PageTitleHeading with no props', () => {
-  expect(render(<PageTitleHeading>hello</PageTitleHeading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<PageTitleHeading>hello</PageTitleHeading>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the PageTitleHeading with size=xl', () => {

package/src/Pagination/index.spec.tsx

@@ -7,5 +7,7 @@ it('renders the Pagination with no props', () => {
   expect(render(<Pagination>hello</Pagination>).baseElement).toMatchSnapshot();
 });
 it('renders the Pagination with size=sm', () => {
-  expect(render(<Pagination size="sm">hello</Pagination>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Pagination size="sm">hello</Pagination>).baseElement
+  ).toMatchSnapshot();
 });

package/src/PaginationLabelContainer/index.spec.tsx

@@ -5,6 +5,7 @@ import PaginationLabelContainer from '@digigov/react-core/PaginationLabelContain
 
 it('renders the PaginationLabelContainer with no props', () => {
   expect(
-    render(<PaginationLabelContainer>hello</PaginationLabelContainer>).baseElement
+    render(<PaginationLabelContainer>hello</PaginationLabelContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/PaginationLabelContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface PaginationLabelContainerProps extends BaseProps<'p'> { }
+export interface PaginationLabelContainerProps extends BaseProps<'p'> {}
 /**
  * PaginatiolLabel component is used for placing the pagination label.
  */

package/src/PaginationList/index.spec.tsx

@@ -5,7 +5,9 @@ import PaginationList from '@digigov/react-core/PaginationList';
 import PaginationListItem from '@digigov/react-core/PaginationListItem';
 
 it('renders the PaginationList with no props', () => {
-  expect(render(<PaginationList>hello</PaginationList>).baseElement).toMatchSnapshot();
+  expect(
+    render(<PaginationList>hello</PaginationList>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the PaginationList with PaginationListItem as a child', () => {
   expect(

package/src/PaginationList/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface PaginationListProps extends BaseProps<'ul'> { }
+export interface PaginationListProps extends BaseProps<'ul'> {}
 /**
  * Use PaginationList as a child of Pagination to list a large number of results
  */

package/src/PaginationListItem/index.spec.tsx

@@ -15,7 +15,8 @@ it('renders the PaginationListItem with active=true', () => {
 });
 it('renders the PaginationListItem with variant=dots', () => {
   expect(
-    render(<PaginationListItem variant="dots">hello</PaginationListItem>).baseElement
+    render(<PaginationListItem variant="dots">hello</PaginationListItem>)
+      .baseElement
   ).toMatchSnapshot();
 });
 it('renders the PaginationListItem with active=true and variant=dots', () => {
@@ -29,6 +30,7 @@ it('renders the PaginationListItem with active=true and variant=dots', () => {
 });
 it('renders the PaginationListItem with currentPage', () => {
   expect(
-    render(<PaginationListItem currentPage>hello</PaginationListItem>).baseElement
+    render(<PaginationListItem currentPage>hello</PaginationListItem>)
+      .baseElement
   ).toMatchSnapshot();
 });