@digigov/ui 2.0.0-a32ad9b2 → 2.0.0-abd768eb

package/src/form/Button/__stories__/GroupingButtonsAndLinks.tsx

@@ -4,7 +4,7 @@ import { Button, ButtonGroup } from '@digigov/ui/form/Button';
 
 import { Link } from '@digigov/ui/navigation/Link';
 
-export const GroupingButtonsAndLinks = () => (
+export const GroupingButtonsAndLinks = (_: any) => (
   <ButtonGroup>
     <Button aria-label="Συνεχίστε στην επόμενη σελίδα">Συνέχεια</Button>
     <Link>Ακύρωση</Link>

package/src/form/Button/__stories__/Secondary.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button } from '@digigov/ui/form/Button';
 
-export const Secondary = () => (
+export const Secondary = (_: any) => (
   <Button color="secondary" aria-label="Συνεχίστε στην επόμενη σελίδα">
     Συνέχεια
   </Button>

package/src/form/Button/__stories__/ThemeToggle.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ThemeToggleButton } from '@digigov/ui/form/Button/ThemeToggleButton';
 
-export const ThemeToggle = () => <ThemeToggleButton />;
+export const ThemeToggle = (_: any) => <ThemeToggleButton />;
 export default ThemeToggle;

package/src/form/Button/__stories__/Warning.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button } from '@digigov/ui/form/Button';
 
-export const Warning = () => {
+export const Warning = (_: any) => {
   return (
     <Button color="warning" aria-label="Διαγραφή αρχείου">
       Διαγραφή

package/src/form/Button/__stories__/WithVariantLink.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { Button } from '@digigov/ui/form/Button';
 
-export const WithVariantLink = () => (
+export const WithVariantLink = (_: any) => (
   <Button
     onClick={() => {
       console.log('clicked');

package/src/form/Checkbox/Checkbox.stories.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import doc from './doc.mdx?raw';
 import { Checkbox, CheckboxItem } from '@digigov/ui/form/Checkbox';
 
 import {
@@ -16,6 +17,8 @@ export default {
     'Let users select one or more options by using the checkboxes component.',
   link: 'https://guide.services.gov.gr/docs/components/checkboxes',
   component: Checkbox,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'Checkbox',
 };
 export const WithControls = {

package/src/form/Checkbox/__stories__/ConditionalReveal.tsx

@@ -15,7 +15,7 @@ import { TextInput } from '@digigov/ui/form/TextInput';
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const ConditionalReveal = () => (
+export const ConditionalReveal = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="contact-hint">
       <FieldsetLegend>Πως θέλετε να επικοινωνήσουμε μαζί σας;</FieldsetLegend>

package/src/form/Checkbox/__stories__/Default.tsx

@@ -10,7 +10,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="feeling-hint">
       <FieldsetLegend>Πώς αισθάνεται αυτή τη στιγμή;</FieldsetLegend>

package/src/form/Checkbox/__stories__/Dense.tsx

@@ -10,7 +10,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Dense = () => (
+export const Dense = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="feeling-hint">
       <FieldsetLegend>Πώς αισθάνεται αυτή τη στιγμή;</FieldsetLegend>

package/src/form/Checkbox/__stories__/Inline.tsx

@@ -10,7 +10,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Inline = () => (
+export const Inline = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="feeling-hint">
       <FieldsetLegend>Πώς αισθάνεται αυτή τη στιγμή;</FieldsetLegend>

package/src/form/Checkbox/__stories__/InlineWithDivider.tsx

@@ -10,7 +10,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const InlineWithDivider = () => (
+export const InlineWithDivider = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="feeling-hint">
       <FieldsetLegend>Πώς αισθάνεται αυτή τη στιγμή;</FieldsetLegend>

package/src/form/Checkbox/__stories__/MultipleQuestions.tsx

@@ -10,7 +10,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const MultipleQuestions = () => (
+export const MultipleQuestions = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="feeling-hint">
       <FieldsetLegend size="sm">Πώς αισθάνεται αυτή τη στιγμή;</FieldsetLegend>

package/src/form/Checkbox/__stories__/NoneAnswer.tsx

@@ -6,7 +6,7 @@ import {
   FieldsetLegend,
 } from '@digigov/ui/form/FieldContainer';
 
-export const NoneAnswer = () => (
+export const NoneAnswer = (_: any) => (
   <FieldContainer>
     <Fieldset>
       <FieldsetLegend>

package/src/form/Checkbox/__stories__/NoneAnswerWithError.tsx

@@ -8,7 +8,7 @@ import {
 } from '@digigov/ui/form/FieldContainer';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const NoneAnswerWithError = () => (
+export const NoneAnswerWithError = (_: any) => (
   <FieldContainer error>
     <Fieldset>
       <FieldsetLegend>

package/src/form/Checkbox/__stories__/WithErrorMessage.tsx

@@ -12,7 +12,7 @@ import {
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const WithErrorMessage = () => (
+export const WithErrorMessage = (_: any) => (
   <FieldContainer error>
     <Fieldset aria-describedby="country-hint country-error">
       <FieldsetLegend>

package/src/form/Checkbox/__stories__/WithHint.tsx

@@ -10,7 +10,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const WithHint = () => (
+export const WithHint = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="nationality-hint">
       <FieldsetLegend>Ποιά είναι η υπηκοότητα σας;</FieldsetLegend>

package/src/form/DateInputContainer/DateInputContainer.stories.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import doc from './doc.mdx?raw';
 import {
   DateInputContainer,
   DateInputItem,
@@ -18,6 +19,8 @@ export default {
     'Use the date input component to help users enter a memorable date or one they can easily look up.',
   link: 'https://guide.services.gov.gr/docs/components/date-input',
   component: DateInputContainer,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'DateInputContainer',
 };
 

package/src/form/DateInputContainer/__stories__/Default.tsx

@@ -13,7 +13,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer>
     <Fieldset>
       <FieldsetLegend heading>Πότε εκδόθηκε το διαβατήριό σας;</FieldsetLegend>

package/src/form/DateInputContainer/__stories__/Dense.tsx

@@ -10,7 +10,7 @@ import {
   FieldsetLegend,
 } from '@digigov/ui/form/FieldContainer';
 
-export const Dense = () => (
+export const Dense = (_: any) => (
   <FieldContainer aria-describedby="passport-hint">
     <Fieldset>
       <FieldsetLegend size="md">

package/src/form/DateInputContainer/__stories__/MultipleQuestions.tsx

@@ -13,7 +13,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const MultipleQuestions = () => (
+export const MultipleQuestions = (_: any) => (
   <FieldContainer aria-describedby="passport-hint">
     <Fieldset>
       <FieldsetLegend size="sm">

package/src/form/DateInputContainer/__stories__/WithErrorMessage.tsx

@@ -15,7 +15,7 @@ import {
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const WithErrorMessage = () => (
+export const WithErrorMessage = (_: any) => (
   <FieldContainer error aria-describedby="passport-hint">
     <Fieldset>
       <FieldsetLegend>Πότε εκδόθηκε το διαβατήριο;</FieldsetLegend>

package/src/form/DateInputContainer/__stories__/WithErrorMessageForSingleField.tsx

@@ -15,7 +15,7 @@ import {
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const WithErrorMessageForSingleField = () => (
+export const WithErrorMessageForSingleField = (_: any) => (
   <FieldContainer error>
     <Fieldset aria-describedby="passport-hint">
       <FieldsetLegend>Πότε εκδόθηκε το διαβατήριο;</FieldsetLegend>

package/src/form/ErrorMessage/ErrorMessage.stories.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import doc from './doc.mdx?raw';
 import ErrorMessage from '@digigov/ui/form/ErrorMessage';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
@@ -8,6 +9,8 @@ export default {
     'Show an error message next to the field and in the error summary when there is a validation error.',
   link: 'https://guide.services.gov.gr/docs/components/error-message',
   component: ErrorMessage,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'ErrorMessage',
 };
 

package/src/form/ErrorMessage/__stories__/DateInputError.tsx

@@ -12,7 +12,7 @@ import {
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const DateInputError = () => (
+export const DateInputError = (_: any) => (
   <FieldContainer error id="passport-date">
     <Fieldset>
       <FieldsetLegend>Ποιά είναι η ημερομηνία γέννησής σας;</FieldsetLegend>

package/src/form/ErrorMessage/__stories__/Default.tsx

@@ -12,7 +12,7 @@ import {
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer error>
     <Fieldset aria-describedby="country-hint">
       <FieldsetLegend>Ποιά είναι η εθνικότητα σας;</FieldsetLegend>

package/src/form/ErrorMessage/__stories__/ErrorMessageOnly.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { ErrorMessage } from '@digigov/ui/form/ErrorMessage';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const ErrorMessageOnly = () => (
+export const ErrorMessageOnly = (_: any) => (
   <ErrorMessage id="birth-date-error">
     <VisuallyHidden>Λάθος:</VisuallyHidden>Η ημερομηνία γέννησης πρέπει να είναι
     στο παρελθόν.

package/src/form/FileUpload/FileUpload.stories.js

@@ -1,9 +1,13 @@
 import FileUpload from '@digigov/ui/form/FileUpload';
+import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/form/FileUpload',
   link: 'https://guide.services.gov.gr/docs/components/file-upload',
   component: FileUpload,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'FileUpload',
 };
 export { Default } from '@digigov/ui/form/FileUpload/__stories__/Default';
 export { WithErrorMessage } from '@digigov/ui/form/FileUpload/__stories__/WithErrorMessage';
+export { WithVariantLink } from '@digigov/ui/form/FileUpload/__stories__/WithVariantLink';

package/src/form/FileUpload/__stories__/Default.tsx

@@ -9,7 +9,7 @@ import {
 import { FileUpload } from '@digigov/ui/form/FileUpload';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer>
     <Fieldset>
       <FieldsetLegend size="md">Λογότυπο επιχείρησης</FieldsetLegend>

package/src/form/FileUpload/__stories__/WithErrorMessage.tsx

@@ -11,7 +11,7 @@ import { FileUpload } from '@digigov/ui/form/FileUpload';
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const WithErrorMessage = () => (
+export const WithErrorMessage = (_: any) => (
   <FieldContainer error>
     <Fieldset>
       <FieldsetLegend size="md">Λογότυπο επιχείρησης</FieldsetLegend>

package/src/form/FileUpload/__stories__/WithVariantLink.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import {
+  FieldContainer,
+  Fieldset,
+  FieldsetLegend,
+} from '@digigov/ui/form/FieldContainer';
+
+import { FileUpload } from '@digigov/ui/form/FileUpload';
+import { Hint } from '@digigov/ui/typography/Hint';
+
+export const WithVariantLink = () => (
+  <FieldContainer>
+    <Fieldset>
+      <FieldsetLegend size="md">Λογότυπο επιχείρησης</FieldsetLegend>
+      <Hint id="file-hint">Το αρχείο μπορεί να είναι png ή jpeg.</Hint>
+      <FileUpload aria-describedby="file-hint" variant="link">
+        Επιλογή αρχείου
+      </FileUpload>
+    </Fieldset>
+  </FieldContainer>
+);
+
+export default WithVariantLink;

package/src/form/FileUpload/index.test.tsx

@@ -3,6 +3,7 @@ import { test, expect } from '@playwright/experimental-ct-react';
 import TestVariant from '@digigov/ui/utils/TestVariant'
 import { Default } from '@digigov/ui/form/FileUpload/__stories__/Default';
 import { WithErrorMessage } from '@digigov/ui/form/FileUpload/__stories__/WithErrorMessage';
+import { WithVariantLink } from '@digigov/ui/form/FileUpload/__stories__/WithVariantLink';
 
 test('renders the All FileUpload variants', async ({ mount, page }) => {
   await mount(
@@ -14,6 +15,9 @@ test('renders the All FileUpload variants', async ({ mount, page }) => {
     <TestVariant title="WithErrorMessage">
       <WithErrorMessage />
     </TestVariant>
+    <TestVariant title="WithVariantLink">
+      <WithVariantLink />
+    </TestVariant>
   </div>
   )
   await page.evaluate(() => document.fonts.ready);

package/src/form/RadioContainer/RadioContainer.stories.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import doc from './doc.mdx?raw';
 import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 import {
   FieldContainer,
@@ -15,6 +16,8 @@ export default {
     'Use the radios component when users can only select one option from a list.',
   link: 'https://guide.services.gov.gr/docs/components/radio',
   component: RadioContainer,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'RadioContainer',
 };
 

package/src/form/RadioContainer/__stories__/ConditionalReveal.tsx

@@ -15,7 +15,7 @@ import { TextInput } from '@digigov/ui/form/TextInput';
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const ConditionalReveal = () => (
+export const ConditionalReveal = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="contact-hint">
       <FieldsetLegend>Πως θέλετε να επικοινωνήσουμε μαζί σας;</FieldsetLegend>

package/src/form/RadioContainer/__stories__/Default.tsx

@@ -7,7 +7,7 @@ import {
 } from '@digigov/ui/form/FieldContainer';
 import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer>
     <Fieldset>
       <FieldsetLegend>Ποιά είναι η χώρα της διαμονής σας;</FieldsetLegend>

package/src/form/RadioContainer/__stories__/Dense.tsx

@@ -7,7 +7,7 @@ import {
 } from '@digigov/ui/form/FieldContainer';
 import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 
-export const Dense = () => (
+export const Dense = (_: any) => (
   <FieldContainer>
     <Fieldset>
       <FieldsetLegend>Ποιά είναι η χώρα της διαμονής σας;</FieldsetLegend>

package/src/form/RadioContainer/__stories__/Inline.tsx

@@ -9,7 +9,7 @@ import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Inline = () => (
+export const Inline = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="name-hint">
       <FieldsetLegend>Έχετε αλλάξει το όνομα σας;</FieldsetLegend>

package/src/form/RadioContainer/__stories__/InlineWithDivider.tsx

@@ -8,7 +8,7 @@ import {
 import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 import Hint from '@digigov/ui/typography/Hint';
 
-export const InlineWithDivider = () => (
+export const InlineWithDivider = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="feeling-hint">
       <FieldsetLegend>Έχετε αλλάξει το όνομα σας;</FieldsetLegend>

package/src/form/RadioContainer/__stories__/MultipleQuestions.tsx

@@ -9,7 +9,7 @@ import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const MultipleQuestions = () => (
+export const MultipleQuestions = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="country-hint">
       <FieldsetLegend size="sm">

package/src/form/RadioContainer/__stories__/NoneAnswer.tsx

@@ -7,7 +7,7 @@ import {
 } from '@digigov/ui/form/FieldContainer';
 import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 
-export const NoneAnswer = () => (
+export const NoneAnswer = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="name-hint">
       <FieldsetLegend size="md">Πόσα παιδιά έχετε;</FieldsetLegend>

package/src/form/RadioContainer/__stories__/WithErrorMessage.tsx

@@ -11,7 +11,7 @@ import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const WithErrorMessage = () => (
+export const WithErrorMessage = (_: any) => (
   <FieldContainer error>
     <Fieldset aria-describedby="travel-hint travel-error">
       <FieldsetLegend size="md">

package/src/form/RadioContainer/__stories__/WithHints.tsx

@@ -9,7 +9,7 @@ import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const WithHints = () => (
+export const WithHints = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="login-hint">
       <FieldsetLegend size="md">Πώς θέλετε να συνδεθείτε;</FieldsetLegend>

package/src/form/RadioContainer/__stories__/WithMediumLegend.tsx

@@ -7,7 +7,7 @@ import {
 } from '@digigov/ui/form/FieldContainer';
 import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
 
-export const WithMediumLegend = () => (
+export const WithMediumLegend = (_: any) => (
   <FieldContainer>
     <Fieldset>
       <FieldsetLegend size="md">

package/src/form/SearchContainer/SearchContainer.stories.js

@@ -1,9 +1,12 @@
 import SearchContainer from '@digigov/ui/form/SearchContainer';
+import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/form/SearchContainer',
   description:
     'The SearchContainer component encapsulates the TextInput and SearchButton, providing a comprehensive search functionality.',
   component: SearchContainer,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'SearchContainer',
 };
 export { Default } from '@digigov/ui/form/SearchContainer/__stories__/Default';

package/src/form/SearchContainer/__stories__/Default.tsx

@@ -5,7 +5,7 @@ import {
 } from '@digigov/ui/form/SearchContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <SearchContainer>
     <TextInput />
     <SearchButton />

package/src/form/SelectContainer/SelectContainer.stories.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import doc from './doc.mdx?raw';
 import {
   SelectContainer,
   SelectOption,
@@ -14,6 +15,8 @@ export default {
     'The select component should only be used as a last resort in public-facing services because research shows that some users find selects very difficult to use.',
   link: 'https://guide.services.gov.gr/docs/components/select',
   component: SelectContainer,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'SelectContainer',
 };
 

package/src/form/SelectContainer/__stories__/Default.tsx

@@ -7,7 +7,7 @@ import {
   SelectOption,
 } from '@digigov/ui/form/SelectContainer';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       Ταξινόμηση

package/src/form/SelectContainer/__stories__/Dense.tsx

@@ -7,7 +7,7 @@ import {
   SelectOption,
 } from '@digigov/ui/form/SelectContainer';
 
-export const Dense = () => (
+export const Dense = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       Ταξινόμηση

package/src/form/SelectContainer/__stories__/DisabledInput.tsx

@@ -7,7 +7,7 @@ import {
   SelectOption,
 } from '@digigov/ui/form/SelectContainer';
 
-export const DisabledInput = () => (
+export const DisabledInput = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       Ταξινόμηση

package/src/form/SelectContainer/__stories__/WithHint.tsx

@@ -8,7 +8,7 @@ import {
 } from '@digigov/ui/form/SelectContainer';
 import { Hint } from '@digigov/ui/typography';
 
-export const WithHint = () => (
+export const WithHint = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       Ταξινόμηση

package/src/form/SingleCharacterInputs/SingleCharacterInput.stories.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import doc from './doc.mdx?raw';
 import {
   FieldContainer,
   Fieldset,
@@ -18,6 +19,8 @@ export default {
     'Use the One-time password input component to help users enter a memorable digital character for One-time password.',
   link: 'https://guide.services.gov.gr/docs/patterns/one-time-password',
   component: SingleCharacterInputs,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'SingleCharacterInputs',
 };
 

package/src/form/SingleCharacterInputs/__stories__/Default.tsx

@@ -12,7 +12,7 @@ import {
 
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer>
     <Fieldset aria-describedby="code-hint">
       <FieldsetLegend heading>Κωδικός Επιβεβαίωσης</FieldsetLegend>

package/src/form/SingleCharacterInputs/__stories__/WithDefaultError.tsx

@@ -12,7 +12,7 @@ import {
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const WithDefaultError = () => (
+export const WithDefaultError = (_: any) => (
   <FieldContainer error>
     <Fieldset aria-describedby="code-hint">
       <FieldsetLegend heading>Κωδικός Επιβεβαίωσης</FieldsetLegend>

package/src/form/SingleCharacterInputs/__stories__/WithErrorMessageInvalidCode.tsx

@@ -12,7 +12,7 @@ import {
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const WithErrorMessageInvalidCode = () => (
+export const WithErrorMessageInvalidCode = (_: any) => (
   <FieldContainer error>
     <Fieldset aria-describedby="code-hint">
       <FieldsetLegend heading>Κωδικός Επιβεβαίωσης</FieldsetLegend>

package/src/form/SingleCharacterInputs/__stories__/WithErrorMessageLessDigit.tsx

@@ -12,7 +12,7 @@ import {
 import { Hint } from '@digigov/ui/typography/Hint';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
 
-export const WithErrorMessageLessDigit = () => (
+export const WithErrorMessageLessDigit = (_: any) => (
   <FieldContainer error>
     <Fieldset aria-describedby="code-hint">
       <FieldsetLegend heading>Κωδικός Επιβεβαίωσης</FieldsetLegend>

package/src/form/TextArea/TextArea.stories.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import doc from './doc.mdx?raw';
 import { FieldContainer } from '@digigov/ui/form/FieldContainer';
 import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
@@ -12,6 +13,8 @@ export default {
     'Use the textarea component when you need to let users enter an amount of text that’s longer than a single line.',
   link: 'https://guide.services.gov.gr/docs/components/textarea',
   component: TextArea,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'TextArea',
 };