@digigov/react-core 2.0.0-rc.23 → 2.0.0-rc.25

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

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface NotificationBannerContentProps extends BaseProps<'div'> { }
+export interface NotificationBannerContentProps extends BaseProps<'div'> {}
 /**
  * Details for the NotificationBannerContent.
  * NotificationBannerContent component is used as a content for

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();
 });

package/src/PanelBody/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface PanelBodyProps extends BaseProps<'div'> { }
+export interface PanelBodyProps extends BaseProps<'div'> {}
 /**
  * PanelBody provides the body of the panel message. Use this inside Panel, after PanelTitle.
  */

package/src/PanelTitle/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface PanelTitleProps extends BaseProps<'h1'> { }
+export interface PanelTitleProps extends BaseProps<'h1'> {}
 /**
  * PanelTitle provides the title of the panel message.Use this inside Panel.
  */

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

@@ -108,18 +108,6 @@ exports[`renders the Paragraph with fontWeight=bold 1`] = `
 </body>
 `;
 
-exports[`renders the Paragraph with fontWeight=bold 2`] = `
-<body>
-  <div>
-    <p
-      class="ds-body ds-!-font-weight-bold"
-    >
-      hello
-    </p>
-  </div>
-</body>
-`;
-
 exports[`renders the Paragraph with fontWeight=regular 1`] = `
 <body>
   <div>