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

package/src/ErrorSummary/index.test.tsx

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

package/src/FieldContainer/index.test.tsx

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

package/src/Fieldset/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FieldsetProps extends BaseProps<'fieldset'> { }
+export interface FieldsetProps extends BaseProps<'fieldset'> {}
 /**
  * Details for the Fieldset.
  * Fieldset component is used to group related elements in a form.

package/src/FieldsetLegend/index.test.tsx

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

package/src/FileUpload/index.test.tsx

@@ -8,5 +8,7 @@ it('renders the FileUpload with no props', () => {
 });
 
 it('renders the FileUpload with name prop', () => {
-  expect(render(<FileUpload name={'some-name'} />).baseElement).toMatchSnapshot();
+  expect(
+    render(<FileUpload name={'some-name'} />).baseElement
+  ).toMatchSnapshot();
 });

package/src/FileUploadContainer/index.test.tsx

@@ -8,5 +8,7 @@ it('renders the FileUpload with no props', () => {
 });
 
 it('renders the FileUpload with hasFiles prop', () => {
-  expect(render(<FileUploadContainer hasFiles />).baseElement).toMatchSnapshot();
+  expect(
+    render(<FileUploadContainer hasFiles />).baseElement
+  ).toMatchSnapshot();
 });

package/src/FillableText/index.test.tsx

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

package/src/FillableText/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FillableTextProps extends BaseProps<'blockquote'> { }
+export interface FillableTextProps extends BaseProps<'blockquote'> {}
 /**
  * Use FillableText component to display text that is connected with a form.
  * Whenever a user fills an input field, the corresponding text inside the LabeledText component gets focused.

package/src/FilterContainer/index.test.tsx

@@ -4,10 +4,14 @@ import { render } from '@testing-library/react';
 import FilterContainer from '@digigov/react-core/FilterContainer';
 
 it('renders the FilterContainer with no props', () => {
-  expect(render(<FilterContainer>hello</FilterContainer>).baseElement).toMatchSnapshot();
+  expect(
+    render(<FilterContainer>hello</FilterContainer>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the FilterContainer with open prop', () => {
-  expect(render(<FilterContainer open>hello</FilterContainer>).baseElement).toMatchSnapshot();
+  expect(
+    render(<FilterContainer open>hello</FilterContainer>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the FilterContainer with border={false} prop', () => {
@@ -18,12 +22,14 @@ it('renders the FilterContainer with border={false} prop', () => {
 
 it('renders the FilterContainer with positionRelative="sm" prop', () => {
   expect(
-    render(<FilterContainer positionRelative="sm">hello</FilterContainer>).baseElement
+    render(<FilterContainer positionRelative="sm">hello</FilterContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the FilterContainer with positionRelative="never" prop', () => {
   expect(
-    render(<FilterContainer positionRelative="never">hello</FilterContainer>).baseElement
+    render(<FilterContainer positionRelative="never">hello</FilterContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/FilterContainer/index.tsx

@@ -61,7 +61,8 @@ export const FilterContainer = React.forwardRef<
       ref={ref}
       className={clsx({
         'ds-filter-container': true,
-        'ds-filter-container--position-relative-always': positionRelative === 'always',
+        'ds-filter-container--position-relative-always':
+          positionRelative === 'always',
         'ds-filter-container--position-relative-sm': positionRelative === 'sm',
         'ds-filter-container--position-relative-md': positionRelative === 'md',
         'ds-filter-container--position-relative-lg': positionRelative === 'lg',

package/src/FilterContent/index.test.tsx

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

package/src/FilterContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FilterContentProps extends BaseProps<'div'> { }
+export interface FilterContentProps extends BaseProps<'div'> {}
 /**
  * Use FilterContent inside FilterContainer as a wrapper for its content
  */

package/src/FilterSelectedHeading/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FilterSelectedHeadingProps extends BaseProps<'div'> { }
+export interface FilterSelectedHeadingProps extends BaseProps<'div'> {}
 /**
  * Use FilterSelectedHeading as a wrapper for placing Headings on filters
  */

package/src/FilterSelectedSection/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FilterSelectedSectionProps extends BaseProps<'div'> { }
+export interface FilterSelectedSectionProps extends BaseProps<'div'> {}
 /**
  * FilterSelectedSection is a wrapper for the area of the selected filters
  */

package/src/Footer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterProps extends BaseProps<'footer'> { }
+export interface FooterProps extends BaseProps<'footer'> {}
 /**
  * Footer is used always at the end of the page, in the Layout component.
  */

package/src/FooterContainer/index.test.tsx

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

package/src/FooterContent/index.test.tsx

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

package/src/FooterContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterContentProps extends BaseProps<'div'> { }
+export interface FooterContentProps extends BaseProps<'div'> {}
 /**
  * FooterContent is used inside the FooterInfoSection.
  * In this component, we place the basic content of the footer (ex. Copyright, extra logos, inline list).

package/src/FooterContentLogos/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterContentLogosProps extends BaseProps<'div'> { }
+export interface FooterContentLogosProps extends BaseProps<'div'> {}
 /**
  * FooterContentLogos is placed in the footer, inside the FooterContent ccomponent, above the Copyright.
  * It is a wrapper for extra logos.

package/src/FooterHeading/index.test.tsx

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

package/src/FooterImage/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterImageProps extends BaseProps<'img'> { }
+export interface FooterImageProps extends BaseProps<'img'> {}
 /**
  * FooterImage is a component for logos and images in the footer.
  * It is used inside to FooterContentLogos.

package/src/FooterInfo/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterInfoProps extends BaseProps<'div'> { }
+export interface FooterInfoProps extends BaseProps<'div'> {}
 /**
  * FooterInfo is inside the FooterContainer component.
  * This component is meant to wrap FooterInfoSection components.

package/src/FooterInfoSection/index.test.tsx

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

package/src/FooterLink/index.test.tsx

@@ -8,5 +8,7 @@ it('renders the FooterLink with no props', () => {
 });
 
 it('renders the FooterLink with href prop', () => {
-  expect(render(<FooterLink href={'#'}>hello</FooterLink>).baseElement).toMatchSnapshot();
+  expect(
+    render(<FooterLink href={'#'}>hello</FooterLink>).baseElement
+  ).toMatchSnapshot();
 });

package/src/FooterLink/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterLinkProps extends BaseProps<'a'> { }
+export interface FooterLinkProps extends BaseProps<'a'> {}
 /**
  * FooterLink in used inside the Footer component.
  */

package/src/FooterList/index.test.tsx

@@ -8,5 +8,7 @@ it('renders the FooterList with no props', () => {
 });
 
 it('renders the FooterList with columns=2', () => {
-  expect(render(<FooterList columns={2}>hello</FooterList>).baseElement).toMatchSnapshot();
+  expect(
+    render(<FooterList columns={2}>hello</FooterList>).baseElement
+  ).toMatchSnapshot();
 });

package/src/FooterListItem/index.test.tsx

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

package/src/FooterListItem/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterListItemProps extends BaseProps<'li'> { }
+export interface FooterListItemProps extends BaseProps<'li'> {}
 /**
  * FooterListItem must be inside the FooterList component.
  * This component has no props.

package/src/FooterNavigation/index.test.tsx

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

package/src/FooterNavigation/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterNavigationProps extends BaseProps<'div'> { }
+export interface FooterNavigationProps extends BaseProps<'div'> {}
 /**
  * FooterNavigation is optional. This components must be included in the FooterContainer.
  * Inside this component we place one or more of the component FooterNavigationSection.

package/src/FooterNavigationSection/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FooterNavigationSectionProps extends BaseProps<'section'> { }
+export interface FooterNavigationSectionProps extends BaseProps<'section'> {}
 /**
  * FooterNavigationSection must be inside the FooterNavigation.
  * Inside this component should be placed the FooterHeading (optional) and the FooterList.

package/src/FullPageBackground/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface FullPageBackgroundProps extends BaseProps<'div'> { }
+export interface FullPageBackgroundProps extends BaseProps<'div'> {}
 /**
  * Use FullPageBackground component in order to add a grey background color with opacity.
  * FullPageBackground is the parent component and takes as children the LoaderContainer component.

package/src/GovGRLogo/index.tsx

@@ -3,7 +3,7 @@ import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 import logo from '@digigov/react-core/GovGRLogo/govgr-logo-base64';
 import logoInverted from '@digigov/react-core/GovGRLogo/govgr-logo-blue-base64';
-export interface GovGRLogoProps extends BaseProps<'a'> { }
+export interface GovGRLogoProps extends BaseProps<'a'> {}
 /**
  * Use this component anywhere you what to provide the gov.gr logo.
  *  */

package/src/Grid/index.tsx

@@ -4,13 +4,13 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 
 type GridValues = 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 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;
-};
+}
 export interface GridProps extends BaseProps<'div' | 'aside' | 'main'> {
   /**
    * If true, the component will have the flex container behavior. You should be wrapping items with a container.

package/src/HeaderContent/index.test.tsx

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

package/src/HeaderContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface HeaderContentProps extends BaseProps<'div'> { }
+export interface HeaderContentProps extends BaseProps<'div'> {}
 /**
  * HeaderContent is used inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLogo etc)
  */

package/src/HeaderNavMenuContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface HeaderNavMenuContentProps extends BaseProps<'div'> { }
+export interface HeaderNavMenuContentProps extends BaseProps<'div'> {}
 /**
  *  Use HeaderMenuContent inside HeaderSection as a wrapper for the header items(eg HeaderTitle, HeaderLog,
  *  NavHorizontaList, SVG-icons  etc).

package/src/HeaderSection/index.test.tsx

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

package/src/HeaderSection/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface HeaderSectionProps extends BaseProps<'div'> { }
+export interface HeaderSectionProps extends BaseProps<'div'> {}
 /**
  * HeaderSection is used inside Header component as a container for its items.
  */

package/src/HeaderTitle/index.test.tsx

@@ -4,10 +4,13 @@ import { render } from '@testing-library/react';
 import HeaderTitle from '@digigov/react-core/HeaderTitle';
 
 it('renders the HeaderTitle with no props', () => {
-  expect(render(<HeaderTitle>hello</HeaderTitle>).baseElement).toMatchSnapshot();
+  expect(
+    render(<HeaderTitle>hello</HeaderTitle>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the HeaderTitle with href', () => {
   expect(
-    render(<HeaderTitle href="https://government.gov.gr">hello</HeaderTitle>).baseElement
+    render(<HeaderTitle href="https://government.gov.gr">hello</HeaderTitle>)
+      .baseElement
   ).toMatchSnapshot();
 });

package/src/HeaderTitle/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface HeaderTitleProps extends BaseProps<'a'> { }
+export interface HeaderTitleProps extends BaseProps<'a'> {}
 /**
  * Use this component inside HeaderContent to provide a title to the header.
  */

package/src/Heading/index.test.tsx

@@ -8,23 +8,33 @@ it('renders the Heading with no props', () => {
 });
 
 it('renders the Heading with size=xl', () => {
-  expect(render(<Heading size={'xl'}>hello</Heading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Heading size={'xl'}>hello</Heading>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Heading with size=lg', () => {
-  expect(render(<Heading size={'lg'}>hello</Heading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Heading size={'lg'}>hello</Heading>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Heading with size=md', () => {
-  expect(render(<Heading size={'md'}>hello</Heading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Heading size={'md'}>hello</Heading>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Heading with size=sm', () => {
-  expect(render(<Heading size={'sm'}>hello</Heading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Heading size={'sm'}>hello</Heading>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Heading with size=xs', () => {
-  expect(render(<Heading size={'xs'}>hello</Heading>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Heading size={'xs'}>hello</Heading>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Heading with size=s and element h2', () => {

package/src/HeadingCaption/index.test.tsx

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

package/src/Hidden/index.tsx

@@ -70,7 +70,20 @@ export interface HiddenProps extends BaseProps<'div'> {
  */
 export const Hidden = React.forwardRef<HTMLDivElement, HiddenProps>(
   function Hidden(
-    { className, children, xsUp = false, smUp, mdUp, lgUp, xlUp, xs, sm, md, lg, xl, ...props },
+    {
+      children,
+      xsUp = false,
+      smUp,
+      mdUp,
+      lgUp,
+      xlUp,
+      xs,
+      sm,
+      md,
+      lg,
+      xl,
+      ...props
+    },
     ref
   ) {
     return (

package/src/Hint/index.test.tsx

@@ -7,11 +7,17 @@ it('renders the Hint with no props', () => {
   expect(render(<Hint>hello</Hint>).baseElement).toMatchSnapshot();
 });
 it('renders the Hint with fontSize=14', () => {
-  expect(render(<Hint fontSize={14}>hello</Hint>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Hint fontSize={14}>hello</Hint>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Hint with fontSize=16', () => {
-  expect(render(<Hint fontSize={16}>hello</Hint>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Hint fontSize={16}>hello</Hint>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Hint with fontSize=24', () => {
-  expect(render(<Hint fontSize={24}>hello</Hint>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Hint fontSize={24}>hello</Hint>).baseElement
+  ).toMatchSnapshot();
 });

package/src/Hint/index.tsx

@@ -9,12 +9,12 @@ export interface HintProps extends TypographyProps {
    */
   breakWords?: boolean;
   /**
- * size is optional.
- * @value 'lg' Use it when a lg text is an introductory paragraph that you can use at the top of a page to summarize the content.
- * @value 'md' The majority of your body should use the standard 'md' size.
- * @value 'sm' Use it sparingly to make your text font size smaller: 16px on larger screens and 14px on smaller screens.
- * @default 'md'
- */
+   * size is optional.
+   * @value 'lg' Use it when a lg text is an introductory paragraph that you can use at the top of a page to summarize the content.
+   * @value 'md' The majority of your body should use the standard 'md' size.
+   * @value 'sm' Use it sparingly to make your text font size smaller: 16px on larger screens and 14px on smaller screens.
+   * @default 'md'
+   */
   size?: 'lg' | 'md' | 'sm';
 }
 /**

package/src/ImageLogo/index.test.tsx

@@ -8,5 +8,7 @@ it('renders the Hint with src prop', () => {
 });
 
 it('renders the Hint with  variant and src props', () => {
-  expect(render(<ImageLogo variant="dark" src="logo.png" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<ImageLogo variant="dark" src="logo.png" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/ImageLogo/index.tsx

@@ -19,10 +19,7 @@ export interface ImageLogoProps extends BaseProps<'img'> {
  * This component can't have children.
  */
 export const ImageLogo = React.forwardRef<HTMLImageElement, ImageLogoProps>(
-  function ImageLogo(
-    { lang, src, variant, className, children, ...props },
-    ref
-  ) {
+  function ImageLogo({ src, variant, className, ...props }, ref) {
     return (
       <>
         <Base

package/src/ImageLogoSet/index.test.tsx

@@ -15,6 +15,7 @@ it('renders the Hint with  variants=[light] and src props', () => {
 
 it('renders the Hint with  variants=[light, dark] and src props', () => {
   expect(
-    render(<ImageLogoSet variants={['light', 'dark']} src="logo.png" />).baseElement
+    render(<ImageLogoSet variants={['light', 'dark']} src="logo.png" />)
+      .baseElement
   ).toMatchSnapshot();
 });