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

package/src/ResultsActionBar/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ResultsActionBarProps extends BaseProps<'div'> { }
+export interface ResultsActionBarProps extends BaseProps<'div'> {}
 /**
  * Use ResultsActionBar component to wrap inside page actions.
  */

package/src/ResultsActionBar/indext.test.tsx

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

package/src/ResultsHeading/index.test.tsx

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

package/src/ResultsHeading/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ResultsHeadingProps extends BaseProps<'div'> { }
+export interface ResultsHeadingProps extends BaseProps<'div'> {}
 /**
  * Use ResultsHeading component to wrap title for results.
  *

package/src/SearchButton/index.tsx

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import Button, { ButtonProps } from '@digigov/react-core/Button';
 import { SearchIcon } from '@digigov/react-icons';
 
-export interface SearchButtonProps extends ButtonProps { }
+export interface SearchButtonProps extends ButtonProps {}
 /**
  * Use the SearchButton component to help users carry out a search action.
  * SearchButton component must be used inside SearchContainer component.

package/src/SearchContainer/index.test.tsx

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

package/src/SearchContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface SearchContainerProps extends BaseProps<'div'> { }
+export interface SearchContainerProps extends BaseProps<'div'> {}
 /**
  * Use this component to wrap SearchButton component.
  */

package/src/SectionBreak/index.test.tsx

@@ -12,7 +12,9 @@ it('renders the SectionBreak with visible=true', () => {
 });
 
 it('renders the SectionBreak with visible=false', () => {
-  expect(render(<SectionBreak visible={false} />).baseElement).toMatchSnapshot();
+  expect(
+    render(<SectionBreak visible={false} />).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the SectionBreak with size=xl', () => {

package/src/SelectContainer/index.test.tsx

@@ -4,12 +4,15 @@ import { render } from '@testing-library/react';
 import SelectContainer from '@digigov/react-core/SelectContainer';
 
 it('renders the SelectContainer with no props', () => {
-  expect(render(<SelectContainer>hello</SelectContainer>).baseElement).toMatchSnapshot();
+  expect(
+    render(<SelectContainer>hello</SelectContainer>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the SelectContainer with name props', () => {
   expect(
-    render(<SelectContainer name={'some-name'}>hello</SelectContainer>).baseElement
+    render(<SelectContainer name={'some-name'}>hello</SelectContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });
 it('renders the SelectContainer with dense prop', () => {

package/src/SelectOption/index.test.tsx

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

package/src/SelectOption/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface SelectOptionProps extends BaseProps<'option'> { }
+export interface SelectOptionProps extends BaseProps<'option'> {}
 /**
  * SelectOption component is used for display options value.
  * SelectOption component must be included inside Select component as children component

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

@@ -15,21 +15,6 @@ exports[`renders the SingleCharacterInput with name and error props 1`] = `
 </body>
 `;
 
-exports[`renders the SingleCharacterInput with name and error props 2`] = `
-<body>
-  <div>
-    <input
-      class="ds-single-character-input__item ds-input ds-input--error"
-      inputmode="numeric"
-      maxlength="1"
-      name="single-character-input"
-      pattern="[0-9]*"
-      type="text"
-    />
-  </div>
-</body>
-`;
-
 exports[`renders the SingleCharacterInput with name prop 1`] = `
 <body>
   <div>

package/src/SingleCharacterInput/index.test.tsx

@@ -14,19 +14,15 @@ it('renders the SingleCharacterInput with name prop', () => {
 
 it('renders the SingleCharacterInput with name and error props', () => {
   expect(
-    render(<SingleCharacterInput name={'single-character-input'} error />).baseElement
+    render(<SingleCharacterInput name={'single-character-input'} error />)
+      .baseElement
   ).toMatchSnapshot();
 });
 it('renders the SingleCharacterInput with pattern prop', () => {
-  expect(render(<SingleCharacterInput pattern="\d{1}" />).baseElement).toMatchSnapshot();
-});
-
-it('renders the SingleCharacterInput with name and error props', () => {
   expect(
-    render(<SingleCharacterInput name={'single-character-input'} error />).baseElement
+    render(<SingleCharacterInput pattern="\d{1}" />).baseElement
   ).toMatchSnapshot();
 });
-
 it('renders the SingleCharacterInput with name, pattern, maxLength and error props', () => {
   expect(
     render(

package/src/SingleCharacterInputs/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface SingleCharacterInputsProps extends BaseProps<'div'> { }
+export interface SingleCharacterInputsProps extends BaseProps<'div'> {}
 /**
  * Details for the SingleCharacterInputs.
  * It is used as a parent component to wrap SingleCharacterInput component.

package/src/Skeleton/index.test.tsx

@@ -7,29 +7,56 @@ it('renders the Skeleton with no props', () => {
   expect(render(<Skeleton>hello</Skeleton>).baseElement).toMatchSnapshot();
 });
 it('renders the Skeleton with variant="circular"', () => {
-  expect(render(<Skeleton variant='circular'>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Skeleton variant="circular">hello</Skeleton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Skeleton with variant="rectangular"', () => {
-  expect(render(<Skeleton variant='rectangular'>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Skeleton variant="rectangular">hello</Skeleton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Skeleton with variant="button"', () => {
-  expect(render(<Skeleton variant='button'>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Skeleton variant="button">hello</Skeleton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Skeleton with width="100"', () => {
-  expect(render(<Skeleton width='100'>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Skeleton width="100">hello</Skeleton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Skeleton with height="100"', () => {
-  expect(render(<Skeleton height='100'>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Skeleton height="100">hello</Skeleton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Skeleton with fontSize="sm"', () => {
-  expect(render(<Skeleton fontSize='sm'>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Skeleton fontSize="sm">hello</Skeleton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Skeleton with fontSize="lg"', () => {
-  expect(render(<Skeleton fontSize='lg'>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Skeleton fontSize="lg">hello</Skeleton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Skeleton with animation=false', () => {
-  expect(render(<Skeleton animation={false}>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Skeleton animation={false}>hello</Skeleton>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Skeleton with variant="rectangular", width="100" height="100" animation=false', () => {
-  expect(render(<Skeleton variant='rectangular' width={100} height={100} animation={false}>hello</Skeleton>).baseElement).toMatchSnapshot();
+  expect(
+    render(
+      <Skeleton
+        variant="rectangular"
+        width={100}
+        height={100}
+        animation={false}
+      >
+        hello
+      </Skeleton>
+    ).baseElement
+  ).toMatchSnapshot();
 });

package/src/Skeleton/index.tsx

@@ -84,7 +84,7 @@ export const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(
             typeof children === 'string'
               ? Math.ceil(children.length * 0.5) + 'em'
               : width,
-          maxWidth: !!width ? '100%' : undefined,
+          maxWidth: width ? '100%' : undefined,
           height: height,
           ...style,
         }}

package/src/SkipLink/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface LinkProps extends BaseProps<'a'> { }
+export interface LinkProps extends BaseProps<'a'> {}
 /**
  * Use the skip link component to help keyboard-only users skip to the main content on a page.
  */

package/src/Stack/index.test.tsx

@@ -8,37 +8,59 @@ it('renders the Stack with no props', () => {
 });
 
 it('renders the Stack with direction="column"', () => {
-  expect(render(<Stack direction="column">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack direction="column">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with direction="row"', () => {
-  expect(render(<Stack direction="row">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack direction="row">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with flexWrap="wrap"', () => {
-  expect(render(<Stack flexWrap="wrap">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack flexWrap="wrap">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with flexWrap="nowrap"', () => {
-  expect(render(<Stack flexWrap="nowrap">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack flexWrap="nowrap">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with spacing={2}', () => {
-  expect(render(<Stack spacing={2}>hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack spacing={2}>hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with spacing={4}', () => {
-  expect(render(<Stack spacing={4}>hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack spacing={4}>hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with spacing={6}', () => {
-  expect(render(<Stack spacing={6}>hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack spacing={6}>hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with spacing={8}', () => {
-  expect(render(<Stack spacing={8}>hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack spacing={8}>hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with spacing={10}', () => {
-  expect(render(<Stack spacing={10}>hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack spacing={10}>hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with spacing={12}', () => {
-  expect(render(<Stack spacing={12}>hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack spacing={12}>hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with justifyContent="center"', () => {
-  expect(render(<Stack justifyContent="center">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack justifyContent="center">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with justifyContent="flex-start"', () => {
   expect(
@@ -66,22 +88,34 @@ it('renders the Stack with justifyContent="space-evenly"', () => {
   ).toMatchSnapshot();
 });
 it('renders the Stack with alignItems="flex-start"', () => {
-  expect(render(<Stack alignItems="flex-start">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack alignItems="flex-start">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with alignItems="flex-end"', () => {
-  expect(render(<Stack alignItems="flex-end">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack alignItems="flex-end">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with alignItems="center"', () => {
-  expect(render(<Stack alignItems="center">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack alignItems="center">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with alignItems="baseline"', () => {
-  expect(render(<Stack alignItems="baseline">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack alignItems="baseline">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with alignItems="stretch"', () => {
-  expect(render(<Stack alignItems="stretch">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack alignItems="stretch">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with alignContent="center"', () => {
-  expect(render(<Stack alignContent="center">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack alignContent="center">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with alignContent="flex-start"', () => {
   expect(
@@ -89,7 +123,9 @@ it('renders the Stack with alignContent="flex-start"', () => {
   ).toMatchSnapshot();
 });
 it('renders the Stack with alignContent="flex-end"', () => {
-  expect(render(<Stack alignContent="flex-end">hello</Stack>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Stack alignContent="flex-end">hello</Stack>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Stack with alignContent="space-around"', () => {
   expect(

package/src/Stack/index.tsx

@@ -42,13 +42,13 @@ export interface StackProps extends BaseProps<'div'> {
 }
 
 type SpacingValues = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 11 | 12;
-type SpacingMediaValues = {
+interface SpacingMediaValues {
   xs?: SpacingValues;
   sm?: SpacingValues;
   md?: SpacingValues;
   lg?: SpacingValues;
   xl?: SpacingValues;
-};
+}
 /**
  * ...
  */

package/src/StepNavAccordion/index.test.tsx

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

package/src/StepNavAccordion/index.tsx

@@ -2,13 +2,13 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavAccordionProps extends BaseProps<'details'> { }
+export interface StepNavAccordionProps extends BaseProps<'details'> {}
 /**
  * StepNavAccordion the main wrapper component.
  *
  *
  */
-// eslint-disable-next-line react/display-name
+
 export const StepNavAccordion = React.forwardRef<
   HTMLDetailsElement,
   StepNavAccordionProps

package/src/StepNavAccordionContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavAccordionContentProps extends BaseProps<'div'> { }
+export interface StepNavAccordionContentProps extends BaseProps<'div'> {}
 /**
  * StepNavAccordionContent should be inside the Accordion and it is the content of the section.
  * The content is only visible when the Accordion is 'open'.

package/src/StepNavAccordionHeadingText/index.test.tsx

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

package/src/StepNavAccordionHeadingTitle/index.test.tsx

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

package/src/StepNavAccordionHeadingTitle/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavAccordionHeadingTitleProps extends BaseProps<'div'> { }
+export interface StepNavAccordionHeadingTitleProps extends BaseProps<'div'> {}
 /**
  * Use StepNavAccordionHeadingTitle as content title for StepNav component.
  * StepNavAccordionHeadingTitle must include StepNavAccordionHeadingText,

package/src/StepNavAccordionSummary/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavAccordionSummaryProps extends BaseProps<'summary'> { }
+export interface StepNavAccordionSummaryProps extends BaseProps<'summary'> {}
 /**
  * StepNavAccordionSummary is used as a wrapper component for StepNavAccordionSummaryHeading.
  */

package/src/StepNavCircleNumber/index.test.tsx

@@ -11,6 +11,7 @@ it('renders the StepNavCircleNumber with no props', () => {
 
 it('renders the StepNavCircleNumber with border false props', () => {
   expect(
-    render(<StepNavCircleNumber border={false}>hello</StepNavCircleNumber>).baseElement
+    render(<StepNavCircleNumber border={false}>hello</StepNavCircleNumber>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/StepNavControls/index.test.tsx

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

package/src/StepNavControls/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavControlsProps extends BaseProps<'div'> { }
+export interface StepNavControlsProps extends BaseProps<'div'> {}
 /**
  * StepNavControls contains the StepByStepButton.
  * Use StepNavControls to the top of the step-by-step implementation .

package/src/StepNavList/index.test.tsx

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

package/src/StepNavList/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavListProps extends BaseProps<'ol'> { }
+export interface StepNavListProps extends BaseProps<'ol'> {}
 /**
  * List component is used for listing step buy step items.
  * This component must contain StepNavListItem component.

package/src/StepNavListItem/index.test.tsx

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

package/src/StepNavListItem/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface StepNavListItemProps extends BaseProps<'li'> { }
+export interface StepNavListItemProps extends BaseProps<'li'> {}
 /**
  * StepNavListItem must be inside StepByStepList compoenent.
  */

package/src/SummaryList/index.test.tsx

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

package/src/SummaryListItem/index.test.tsx

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

package/src/SummaryListItemAction/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface SummaryListItemActionProps extends BaseProps<'dd'> { }
+export interface SummaryListItemActionProps extends BaseProps<'dd'> {}
 /**
  * SummaryListItemAction is used within the SummaryListItem component.
  * In this column we place the action that the user can do, based on the information on the rest of the row.

package/src/SummaryListItemValue/index.tsx

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

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

@@ -42,11 +42,11 @@ exports[`renders the Table with no props 1`] = `
 </body>
 `;
 
-exports[`renders the Table with zebra prop 1`] = `
+exports[`renders the Table with verticalBorders prop 1`] = `
 <body>
   <div>
     <table
-      class="ds-table ds-table--zebra"
+      class="ds-table ds-table--vertical-lines"
     >
       <tbody
         class="ds-table__body"
@@ -56,11 +56,11 @@ exports[`renders the Table with zebra prop 1`] = `
 </body>
 `;
 
-exports[`renders the Table with zebra prop 2`] = `
+exports[`renders the Table with zebra prop 1`] = `
 <body>
   <div>
     <table
-      class="ds-table ds-table--vertical-lines"
+      class="ds-table ds-table--zebra"
     >
       <tbody
         class="ds-table__body"