@digigov/react-core 2.0.0-6452adf3 → 2.0.0-66d7c5e2

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';
+import { extend } from '@digigov/react-core/utils/index.native';
 
 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>

package/src/Paragraph/index.test.tsx

@@ -8,56 +8,73 @@ it('renders the Paragraph with no props', () => {
 });
 
 it('renders the Paragraph with size=lead', () => {
-  expect(render(<Paragraph size={'lg'}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph size={'lg'}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with size=normal', () => {
-  expect(render(<Paragraph size={'md'}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph size={'md'}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with size=small', () => {
-  expect(render(<Paragraph size={'sm'}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph size={'sm'}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with fontSize=14', () => {
-  expect(render(<Paragraph fontSize={14}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph fontSize={14}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with fontSize=16', () => {
-  expect(render(<Paragraph fontSize={16}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph fontSize={16}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with fontSize=19', () => {
-  expect(render(<Paragraph fontSize={19}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph fontSize={19}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with fontSize=24', () => {
-  expect(render(<Paragraph fontSize={24}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph fontSize={24}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with fontSize=30', () => {
-  expect(render(<Paragraph fontSize={30}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph fontSize={30}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with fontSize=36', () => {
-  expect(render(<Paragraph fontSize={36}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph fontSize={36}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with fontSize=48', () => {
-  expect(render(<Paragraph fontSize={48}>hello</Paragraph>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Paragraph fontSize={48}>hello</Paragraph>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Paragraph with fontSize=72', () => {
-  expect(render(<Paragraph fontSize={72}>hello</Paragraph>).baseElement).toMatchSnapshot();
-});
-it('renders the Paragraph with fontWeight=regular', () => {
   expect(
-    render(<Paragraph fontWeight={'regular'}>hello</Paragraph>).baseElement
+    render(<Paragraph fontSize={72}>hello</Paragraph>).baseElement
   ).toMatchSnapshot();
 });
-it('renders the Paragraph with fontWeight=bold', () => {
+it('renders the Paragraph with fontWeight=regular', () => {
   expect(
-    render(<Paragraph fontWeight={'bold'}>hello</Paragraph>).baseElement
+    render(<Paragraph fontWeight={'regular'}>hello</Paragraph>).baseElement
   ).toMatchSnapshot();
 });
 it('renders the Paragraph with fontWeight=bold', () => {
@@ -65,7 +82,6 @@ it('renders the Paragraph with fontWeight=bold', () => {
     render(<Paragraph fontWeight={'bold'}>hello</Paragraph>).baseElement
   ).toMatchSnapshot();
 });
-
 it('renders the Paragraph with size=lead and fontSize=14', () => {
   expect(
     render(

package/src/PhaseBanner/index.test.tsx

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

package/src/PhaseBanner/index.tsx

@@ -31,7 +31,8 @@ export const PhaseBanner = React.forwardRef<HTMLDivElement, PhaseBannerProps>(
         })}
         {...props}
       >
-        <Base as="p"
+        <Base
+          as="p"
           className={clsx({
             'ds-phase-banner__content': true,
           })}

package/src/PhaseBannerHeaderContainer/inde.test.tsx

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

package/src/PhaseBannerHeaderContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface PhaseBannerHeaderContainerProps extends BaseProps<'div'> { }
+export interface PhaseBannerHeaderContainerProps extends BaseProps<'div'> {}
 
 export const PhaseBannerHeaderContainer = React.forwardRef<
   HTMLDivElement,

package/src/PhaseBannerTag/index.test.tsx

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

package/src/PhaseBannerTag/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface PhaseBannerTagProps extends BaseProps<'span'> { }
+export interface PhaseBannerTagProps extends BaseProps<'span'> {}
 /**
  * PhaseBannerTag is used inside the PhaseBanner component and it requires a text of the phase of the service (ex. Alpha, Beta).
  */

package/src/PhaseBannerText/index.test.tsx

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

package/src/PhaseBannerText/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface PhaseBannerTextProps extends BaseProps<'span'> { }
+export interface PhaseBannerTextProps extends BaseProps<'span'> {}
 /**
  * PhaseBannerText is used inside the PhaseBanner component.
  * It requires a text with more details about the phase of the service (ex. "This is a new service").

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

@@ -7,7 +7,7 @@ exports[`renders the Blockquote with no props 1`] = `
       class="ds-radios__conditional"
     >
       <div
-        class="ds-field xs:ds-grid__col-span-12"
+        class="ds-field ds-grid-item xs:ds-grid__col-span-12"
       >
         <label
           class="ds-label"

package/src/RadioConditional/index.test.tsx

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

package/src/RadioConditional/index.tsx

@@ -4,7 +4,7 @@ import Base, { BaseProps } from '@digigov/react-core/Base';
 import FieldContainer from '@digigov/react-core/FieldContainer';
 import LabelContainer from '@digigov/react-core/LabelContainer';
 
-export interface RadioConditionalProps extends BaseProps<'div'> { }
+export interface RadioConditionalProps extends BaseProps<'div'> {}
 /**
  * RadioConditional asks the user a related question when they select a particular radios,
  * so they only see the question when it’s relevant to them.

package/src/RadioContainer/index.test.tsx

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

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

@@ -18,7 +18,6 @@ exports[`renders the RadioItem  \`dividerText\` props 1`] = `
         <input
           class="ds-radios__input"
           type="radio"
-          value=""
         />
       </label>
     </div>
@@ -89,7 +88,6 @@ exports[`renders the RadioItem with disabled prop 1`] = `
           class="ds-radios__input"
           disabled=""
           type="radio"
-          value=""
         />
       </label>
     </div>
@@ -111,7 +109,6 @@ exports[`renders the RadioItem with name  props 1`] = `
           class="ds-radios__input"
           name="name"
           type="radio"
-          value=""
         />
       </label>
     </div>
@@ -177,7 +174,6 @@ exports[`renders the RadioItem with no props 1`] = `
         <input
           class="ds-radios__input"
           type="radio"
-          value=""
         />
       </label>
     </div>

package/src/RadioItem/index.test.tsx

@@ -8,7 +8,9 @@ it('renders the RadioItem with no props', () => {
 });
 
 it('renders the RadioItem with name  props', () => {
-  expect(render(<RadioItem name={'name'}>hello</RadioItem>).baseElement).toMatchSnapshot();
+  expect(
+    render(<RadioItem name={'name'}>hello</RadioItem>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the RadioItem  value props', () => {
@@ -34,7 +36,9 @@ it('renders the RadioItem with name and value props', () => {
 });
 
 it('renders the RadioItem with disabled prop', () => {
-  expect(render(<RadioItem disabled>hello</RadioItem>).baseElement).toMatchSnapshot();
+  expect(
+    render(<RadioItem disabled>hello</RadioItem>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the RadioItem with name disabled and value props', () => {

package/src/RadioItem/index.tsx

@@ -32,7 +32,8 @@ export const RadioItem = React.forwardRef<HTMLInputElement, RadioItemProps>(
     return (
       <>
         {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}
-        <Base as='div'
+        <Base
+          as="div"
           className={clsx(className, {
             'ds-radios__item': true,
           })}

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.
  *