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

package/src/Button/index.test.tsx

@@ -7,22 +7,34 @@ it('renders the Button with no props', () => {
   expect(render(<Button>hello</Button>).baseElement).toMatchSnapshot();
 });
 it('renders the Button with color=primary', () => {
-  expect(render(<Button color={'primary'}>hello</Button>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Button color={'primary'}>hello</Button>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Button with color=secondary', () => {
-  expect(render(<Button color={'secondary'}>hello</Button>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Button color={'secondary'}>hello</Button>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Button with color=warning', () => {
-  expect(render(<Button color={'warning'}>hello</Button>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Button color={'warning'}>hello</Button>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Button with disabled=true', () => {
-  expect(render(<Button disabled={true}>hello</Button>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Button disabled={true}>hello</Button>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Button with disabled=false', () => {
-  expect(render(<Button disabled={false}>hello</Button>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Button disabled={false}>hello</Button>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Button with dense=true', () => {
-  expect(render(<Button dense={true}>hello</Button>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Button dense={true}>hello</Button>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Button with color=primary with disabled=true', () => {
   expect(
@@ -53,9 +65,12 @@ it('renders the Button with color=warning with disabled=true', () => {
 });
 it('renders the Button with ariaLabel prop', () => {
   expect(
-    render(<Button aria-label="button for opening menu">Menu</Button>).baseElement
+    render(<Button aria-label="button for opening menu">Menu</Button>)
+      .baseElement
   ).toMatchSnapshot();
 });
 it('renders the Button with tabIndex prop', () => {
-  expect(render(<Button tabIndex={0}>Menu</Button>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Button tabIndex={0}>Menu</Button>).baseElement
+  ).toMatchSnapshot();
 });

package/src/ButtonGroup/index.test.tsx

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

package/src/ButtonGroup/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ButtonGroupProps extends BaseProps<'div'> { }
+export interface ButtonGroupProps extends BaseProps<'div'> {}
 /**
  * Use a button group when two or more buttons are placed together.
  */

package/src/ButtonLink/index.test.tsx

@@ -22,7 +22,9 @@ it('renders the ButtonLink with color=warning', () => {
   ).toMatchSnapshot();
 });
 it('renders the ButtonLink with href=#', () => {
-  expect(render(<ButtonLink href={'#'}>hello</ButtonLink>).baseElement).toMatchSnapshot();
+  expect(
+    render(<ButtonLink href={'#'}>hello</ButtonLink>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the ButtonLink with disabled=false', () => {
   expect(render(<ButtonLink>hello</ButtonLink>).baseElement).toMatchSnapshot();
@@ -56,9 +58,12 @@ it('renders the ButtonLink with color=warning with href=#', () => {
 });
 it('renders the ButtonLink with ariaLabel prop', () => {
   expect(
-    render(<ButtonLink aria-label="button for opening menu">Menu</ButtonLink>).baseElement
+    render(<ButtonLink aria-label="button for opening menu">Menu</ButtonLink>)
+      .baseElement
   ).toMatchSnapshot();
 });
 it('renders the Button with tabIndex prop', () => {
-  expect(render(<ButtonLink tabIndex={0}>Menu</ButtonLink>).baseElement).toMatchSnapshot();
+  expect(
+    render(<ButtonLink tabIndex={0}>Menu</ButtonLink>).baseElement
+  ).toMatchSnapshot();
 });

package/src/ButtonLink/index.tsx

@@ -17,11 +17,11 @@ export interface ButtonLinkProps extends BaseProps<'a'> {
   color?: 'primary' | 'secondary' | 'warning';
 
   /**
- * dense is optional.
- * @value true Button will be dense.
- * @value false
- * @default false
- */
+   * dense is optional.
+   * @value true Button will be dense.
+   * @value false
+   * @default false
+   */
   dense?: boolean;
 }
 /**

package/src/CallToAction/index.test.tsx

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

package/src/Card/index.test.tsx

@@ -14,13 +14,19 @@ it('renders the Card with dense props', () => {
   expect(render(<Card dense>hello</Card>).baseElement).toMatchSnapshot();
 });
 it('renders the Card with variant="border" props', () => {
-  expect(render(<Card variant="border">hello</Card>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Card variant="border">hello</Card>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Card with variant="divider" props', () => {
-  expect(render(<Card variant="divider">hello</Card>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Card variant="divider">hello</Card>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Card with variant="border-top" props', () => {
-  expect(render(<Card variant="border-top">hello</Card>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Card variant="border-top">hello</Card>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Card with dense" prop', () => {
   expect(render(<Card dense>hello</Card>).baseElement).toMatchSnapshot();

package/src/Card/index.tsx

@@ -51,7 +51,16 @@ export interface CardProps extends BaseProps<'div'> {
  * Use Card as parent component to wrap CardHeading, CardContent and CartAction components
  */
 export const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(
-  { variant, borderColor, callToAction, dense, fullHeight, className, children, ...props },
+  {
+    variant,
+    borderColor,
+    callToAction,
+    dense,
+    fullHeight,
+    className,
+    children,
+    ...props
+  },
   ref
 ) {
   return (

package/src/CardAction/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CardActionProps extends BaseProps<'div'> { }
+export interface CardActionProps extends BaseProps<'div'> {}
 /**
  * CardAction contains the action behavior for Card Component.
  * We can use links, Buttons or ButtonGroup with max of two buttons

package/src/CardContent/index.test.tsx

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

package/src/CardContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CardContentProps extends BaseProps<'div'> { }
+export interface CardContentProps extends BaseProps<'div'> {}
 /**
  * CardContent contains the text for Card Component
  * Use CardContent inside Card component as children

package/src/CardHeading/index.test.tsx

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

package/src/CardHeading/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CardHeadingProps extends BaseProps<'div'> { }
+export interface CardHeadingProps extends BaseProps<'div'> {}
 /**
  * CardHeading gives header title to Card Component
  * Use CardHeading inside Card component as children

package/src/CheckboxConditional/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 CheckboxConditionalProps extends BaseProps<'div'> { }
+export interface CheckboxConditionalProps extends BaseProps<'div'> {}
 /**
  * CheckboxConditional asks the user a related question when they select a particular checkbox,
  * so they only see the question when it’s relevant to them.

package/src/CheckboxItem/index.test.tsx

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

package/src/CheckboxItem/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
-import ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';
 import CheckboxItemInput from '@digigov/react-core/CheckboxItemInput';
+import ChoiceDividerText from '@digigov/react-core/ChoiceDividerText';
 import LabelContainer from '@digigov/react-core/LabelContainer';
 
 export interface CheckboxItemProps extends BaseProps<'input'> {
@@ -28,7 +28,8 @@ export const CheckboxItem = React.forwardRef<
   return (
     <>
       {dividerText && <ChoiceDividerText>{dividerText}</ChoiceDividerText>}
-      <Base as='div'
+      <Base
+        as="div"
         className={clsx(className, {
           'ds-checkboxes__item': true,
         })}
@@ -40,7 +41,13 @@ export const CheckboxItem = React.forwardRef<
           })}
         >
           {children}
-          <CheckboxItemInput ref={ref} name={name} value={value} disabled={disabled} {...props} />
+          <CheckboxItemInput
+            ref={ref}
+            name={name}
+            value={value}
+            disabled={disabled}
+            {...props}
+          />
         </LabelContainer>
       </Base>
     </>

package/src/CheckboxItemInput/index.native.tsx

@@ -1,6 +1,6 @@
-import extend from '@digigov/react-core/utils/extend.native';
-import CoreCheckboxItemInput from '@digigov/react-core/CheckboxItemInput/index.web';
 import clsx from 'clsx';
+import CoreCheckboxItemInput from '@digigov/react-core/CheckboxItemInput/index.web';
+import extend from '@digigov/react-core/utils/extend.native';
 
 export const CheckboxItemInput = extend(
   CoreCheckboxItemInput,

package/src/CheckboxItemInput/index.tsx

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

package/src/CheckboxItemInput/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 CheckboxItemInputProps extends BaseProps<'input'> { }
+export interface CheckboxItemInputProps extends BaseProps<'input'> {}
 /**
  * Details for the CheckboxItem.
  * CheckboxItemInput component is the input component for CheckboxItem.
@@ -11,7 +11,7 @@ export const CheckboxItemInput = React.forwardRef<
   HTMLInputElement,
   CheckboxItemInputProps
 >(function CheckboxItemInput(
-  { name, value, className, disabled, children, ...props },
+  { name, value, className, disabled, ...props },
   ref
 ) {
   return (
@@ -21,13 +21,12 @@ export const CheckboxItemInput = React.forwardRef<
       type="checkbox"
       name={name}
       value={value}
-      className={clsx({
+      className={clsx(className, {
         'ds-checkboxes__input': true,
       })}
       disabled={disabled}
       {...props}
     />
-
   );
 });
 

package/src/ChipContainer/index.spec.tsx

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

package/src/ChipHeading/index.test.tsx

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

package/src/ChipKeyValue/index.test.tsx

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

package/src/ChipKeyValue/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ChipKeyValueProps extends BaseProps<'span'> { }
+export interface ChipKeyValueProps extends BaseProps<'span'> {}
 /**
  * ChipKeyValue is used to provide key value inside chips.
  * ChipKeyValue component must be wrapped inside Chip component.

package/src/ChoiceDividerText/index.test.tsx

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

package/src/ChoiceDividerText/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface ChoiceDividerTextProps extends BaseProps<'div'> { }
+export interface ChoiceDividerTextProps extends BaseProps<'div'> {}
 /**
  * ChoiceDivider component adds a text divider on top of a Radio or Checkbox item.
  * It's been used as a prop ("divider") inside RadioItem and CheckboxItem.

package/src/CircularProgress/index.test.tsx

@@ -16,7 +16,9 @@ it('renders the CircularProgress with size lg', () => {
 });
 
 it('renders the CircularProgress with color=secondary prop', () => {
-  expect(render(<CircularProgress color={'secondary'} />).baseElement).toMatchSnapshot();
+  expect(
+    render(<CircularProgress color={'secondary'} />).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the CircularProgress with color=secondary and size sm props', () => {

package/src/CloseButton/index.test.tsx

@@ -7,5 +7,7 @@ it('renders the CloseButton', () => {
   expect(render(<CloseButton />).baseElement).toMatchSnapshot();
 });
 it('renders the CloseButton with label prop', () => {
-  expect(render(<CloseButton label="Κλείσιμο" />).baseElement).toMatchSnapshot();
+  expect(
+    render(<CloseButton label="Κλείσιμο" />).baseElement
+  ).toMatchSnapshot();
 });

package/src/Code/index.test.tsx

@@ -12,7 +12,9 @@ it('renders the Code with color="info" prop', () => {
 });
 
 it('renders the Code with color="attribute" prop', () => {
-  expect(render(<Code color="attribute">hello</Code>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Code color="attribute">hello</Code>).baseElement
+  ).toMatchSnapshot();
 });
 
 it('renders the Code with color="name" prop', () => {
@@ -20,5 +22,7 @@ it('renders the Code with color="name" prop', () => {
 });
 
 it('renders the Code with color="keyword" prop', () => {
-  expect(render(<Code color="keyword">hello</Code>).baseElement).toMatchSnapshot();
-});
+  expect(
+    render(<Code color="keyword">hello</Code>).baseElement
+  ).toMatchSnapshot();
+});

package/src/CodeBlockContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CodeBlockContainerProps extends BaseProps<'div'> { }
+export interface CodeBlockContainerProps extends BaseProps<'div'> {}
 /**
  * CodeBlockContainer is a component for displaying code.
  *

package/src/CodeBlockContent/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CodeBlockContentProps extends BaseProps<'pre'> { }
+export interface CodeBlockContentProps extends BaseProps<'pre'> {}
 /**
  * CodeBlockContent can be used as content inside the CodeBlockContainer.
  *

package/src/Container/index.test.tsx

@@ -7,7 +7,9 @@ it('renders the Container with no props', () => {
   expect(render(<Container>hello</Container>).baseElement).toMatchSnapshot();
 });
 it('renders the Container with fullWidth prop', () => {
-  expect(render(<Container fullWidth>hello</Container>).baseElement).toMatchSnapshot();
+  expect(
+    render(<Container fullWidth>hello</Container>).baseElement
+  ).toMatchSnapshot();
 });
 it('renders the Container with cols={false} prop', () => {
   expect(

package/src/CopyToClipboardContainer/index.spec.tsx

@@ -5,7 +5,8 @@ import CopyToClipboardContainer from '@digigov/react-core/CopyToClipboardContain
 
 it('renders the CopyToClipboardContainer with no props', () => {
   expect(
-    render(<CopyToClipboardContainer>Text copied!</CopyToClipboardContainer>).baseElement
+    render(<CopyToClipboardContainer>Text copied!</CopyToClipboardContainer>)
+      .baseElement
   ).toMatchSnapshot();
 });
 it('renders the CopyToClipboardContainer with variant=tooltip', () => {

package/src/CopyToClipboardContainer/index.tsx

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

package/src/CopyToClipboardMessage/index.native.tsx

@@ -1,9 +1,9 @@
+import clsx from 'clsx';
+import { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
 import CoreCopyToClipboardMessage, {
   CopyToClipboardMessageProps,
 } from '@digigov/react-core/CopyToClipboardMessage/index.web';
-import { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
 import { extend } from '@digigov/react-core/utils/extend.native';
-import clsx from 'clsx';
 
 export const CopyToClipboardMessage = extend<
   CopyToClipboardMessageProps,

package/src/CopyToClipboardMessage/index.test.tsx

@@ -5,19 +5,22 @@ import CopyToClipboardMessage from '@digigov/react-core/CopyToClipboardMessage';
 
 it('renders the CopyToClipboardMessage with no props', () => {
   expect(
-    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>).baseElement
+    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the CopyToClipboardMessage with banner prop', () => {
   expect(
-    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>).baseElement
+    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>)
+      .baseElement
   ).toMatchSnapshot();
 });
 
 it('renders the CopyToClipboardMessage with tooltip prop', () => {
   expect(
-    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>).baseElement
+    render(<CopyToClipboardMessage>Text copied!</CopyToClipboardMessage>)
+      .baseElement
   ).toMatchSnapshot();
 });
 

package/src/CopyToClipboardMessage/index.tsx

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

package/src/CopyrightContainer/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import clsx from 'clsx';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 
-export interface CopyrightContainerProps extends BaseProps<'p'> { }
+export interface CopyrightContainerProps extends BaseProps<'p'> {}
 /**
  * CopyrightContainer is used inside the Footer component.
  * CopyrightContainer has no props.

package/src/DateInputItem/index.native.tsx

@@ -1,12 +1,9 @@
-import extend from '@digigov/react-core/utils/extend.native';
 import CoreDateInputItem from '@digigov/react-core/DateInputItem/index.web';
-export const DateInputItem = extend(
-  CoreDateInputItem,
-  ({ className, ...props }) => {
-    return {
-      ...props,
-      onChange: undefined,
-    };
-  }
-);
+import extend from '@digigov/react-core/utils/extend.native';
+export const DateInputItem = extend(CoreDateInputItem, (props) => {
+  return {
+    ...props,
+    onChange: undefined,
+  };
+});
 export default DateInputItem;

package/src/DateInputItem/index.test.tsx

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

package/src/DateInputItem/index.tsx

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

package/src/DateInputItem/index.web.tsx

@@ -33,18 +33,27 @@ export const DateInputItem = React.forwardRef<
   ref
 ) {
   return (
-    <Base as='div'
+    <Base
+      as="div"
       className={clsx(className, {
         'ds-date-input__item': true,
       })}
     >
-      <Base as='label'
+      <Base
+        as="label"
         className={clsx({
           'ds-label': true,
         })}
       >
         {children}
-        <TextInput ref={ref} type="text" name={name} maxWidth={`${width}-char`} error={error} {...props} />
+        <TextInput
+          ref={ref}
+          type="text"
+          name={name}
+          maxWidth={`${width}-char`}
+          error={error}
+          {...props}
+        />
       </Base>
     </Base>
   );

package/src/Details/index.tsx

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

package/src/Details/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 DetailsProps extends BaseProps<'details'> { }
+export interface DetailsProps extends BaseProps<'details'> {}
 /**
  * Details is used to make a page easier to scan when it contains information that only some users will need.
  * Details component wraps DetailsSummary and DetailsContent as children components