@digigov/ui 2.0.0-a32ad9b2 → 2.0.0-abd768eb

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

@@ -3,7 +3,7 @@ import { FieldContainer } from '@digigov/ui/form/FieldContainer';
 import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">

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

@@ -3,7 +3,7 @@ import { FieldContainer } from '@digigov/ui/form/FieldContainer';
 import { LabelContainer } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 
-export const Dense = () => (
+export const Dense = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       Μπορείτε να δώσετε περισσότερες πληροφορίες;

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

@@ -4,7 +4,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const DisabledInput = () => (
+export const DisabledInput = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">

package/src/form/TextArea/__stories__/LimitedCharacters.tsx

@@ -4,7 +4,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const LimitedCharacters = () => (
+export const LimitedCharacters = (_: any) => (
   <FieldContainer aria-describedby="info-hint">
     <LabelContainer>
       <LabelTitle size="md">

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

@@ -4,7 +4,7 @@ import { LabelContainer } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const MultipleQuestions = () => (
+export const MultipleQuestions = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       Μπορείτε να δώσετε περισσότερες πληροφορίες;

package/src/form/TextArea/__stories__/WithDeclaredRows.tsx

@@ -4,7 +4,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const WithDeclaredRows = () => (
+export const WithDeclaredRows = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">

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

@@ -5,7 +5,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const WithErrorMessage = () => (
+export const WithErrorMessage = (_: any) => (
   <FieldContainer error aria-describedby="info-error">
     <LabelContainer>
       <LabelTitle size="md">

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

@@ -4,7 +4,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextArea } from '@digigov/ui/form/TextArea';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const WithHint = () => (
+export const WithHint = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">

package/src/form/TextInput/TextInput.stories.jsx

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

package/src/form/TextInput/__stories__/AskingForNumbers.tsx

@@ -4,7 +4,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const AskingForNumbers = () => (
+export const AskingForNumbers = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">ΑΦΜ πελάτη</LabelTitle>

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

@@ -3,7 +3,7 @@ import { FieldContainer } from '@digigov/ui/form/FieldContainer';
 import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">Όνομα επιχείρησης</LabelTitle>

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

@@ -3,7 +3,7 @@ import { FieldContainer } from '@digigov/ui/form/FieldContainer';
 import { LabelContainer } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
-export const Dense = () => (
+export const Dense = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       Όνομα επιχείρησης

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

@@ -4,7 +4,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const DisabledInput = () => (
+export const DisabledInput = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">Όνομα επιχείρησης</LabelTitle>

package/src/form/TextInput/__stories__/DisabledInputWithValue.tsx

@@ -5,7 +5,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const DisabledInputWithValue = () => (
+export const DisabledInputWithValue = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">Όνομα</LabelTitle>

package/src/form/TextInput/__stories__/FixedWidths.tsx

@@ -3,7 +3,7 @@ import { FieldContainer } from '@digigov/ui/form/FieldContainer';
 import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
-export const FixedWidths = () => (
+export const FixedWidths = (_: any) => (
   <div>
     <FieldContainer>
       <LabelContainer>

package/src/form/TextInput/__stories__/FluidWidths.tsx

@@ -3,7 +3,7 @@ import { FieldContainer } from '@digigov/ui/form/FieldContainer';
 import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
-export const FluidWidths = () => (
+export const FluidWidths = (_: any) => (
   <div>
     <FieldContainer>
       <LabelContainer>

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

@@ -3,7 +3,7 @@ import { FieldContainer } from '@digigov/ui/form/FieldContainer';
 import { LabelContainer } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 
-export const MultipleQuestions = () => (
+export const MultipleQuestions = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       Όνομα επιχείρησης

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

@@ -5,7 +5,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const WithErrorMessage = () => (
+export const WithErrorMessage = (_: any) => (
   <FieldContainer error aria-describedby="input-error">
     <LabelContainer>
       <LabelTitle size="md">Όνομα επιχείρησης</LabelTitle>

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

@@ -4,7 +4,7 @@ import { LabelContainer, LabelTitle } from '@digigov/ui/form/LabelContainer';
 import { TextInput } from '@digigov/ui/form/TextInput';
 import { Hint } from '@digigov/ui/typography/Hint';
 
-export const WithHint = () => (
+export const WithHint = (_: any) => (
   <FieldContainer>
     <LabelContainer>
       <LabelTitle size="md">Όνομα επιχείρησης</LabelTitle>

package/src/i18n/locales/el.ts

@@ -14,10 +14,11 @@ export default {
       string: 'Το πεδίο πρέπει να είναι string',
       email: 'Συμπληρώστε μια έγκυρη ηλεκτρονική διεύθυνση (e-mail).',
       afm: 'Ο Α.Φ.Μ που πληκτρολογήσατε είναι λανθασμένος.',
+      amka: 'Ο ΑΜΚΑ που συμπληρώσατε δεν είναι έγκυρος.',
       file_size:
-        'Το μέγεθος του αρχείου είναι μεγαλύτερο απο το επιτρεπόμενο ({{maxSizeToMb}}Mb).',
+        'Το μέγεθος του αρχείου είναι μεγαλύτερο από το επιτρεπόμενο ({{maxSize}}).',
       image_size:
-        'Το μέγεθος της φωτογραφίας είναι μεγαλύτερο απο το επιτρεπόμενο ({{maxSizeToMb}}Mb).',
+        'Το μέγεθος της φωτογραφίας είναι μεγαλύτερο από το επιτρεπόμενο ({{maxSize}}).',
       mobile_phone: 'Συμπληρώστε έναν έγκυρο αριθμό κινητού τηλεφώνου.',
       phone_number: 'Συμπληρώστε έναν έγκυρο αριθμό τηλεφώνου.',
       landline: 'Συμπληρώστε έναν έγκυρο αριθμό σταθερού τηλεφώνου.',
@@ -36,34 +37,84 @@ export default {
         invalid_month_year:
           'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα και το έτος.',
         invalid_day_year:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και το έτος.',
+          'Η ημερομηνία πρέπει να συμπεριλαμβάνει την ημέρα και το έτος.',
         invalid_day_month:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και τον μήνα.',
-        invalid_day: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα',
+          'Η ημερομηνία πρέπει να συμπεριλαμβάνει την ημέρα και τον μήνα.',
+        invalid_day: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει την ημέρα.',
         invalid_month: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα.',
         invalid_year: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει το ετος.',
         earlier_than: 'Συμπληρώστε μια ημερομηνία προγενέστερη της {{maxDate}}',
         later_than: 'Συμπληρώστε μια ημερομηνία μεταγενέστερη της {{minDate}}',
+        invalid_day_range: 'Η ημέρα πρέπει να είναι μεταξύ 1 και {{maxDay}}.',
+        invalid_month_range: 'Ο μήνας πρέπει να είναι μεταξύ 1 και 12.',
       },
       datetime: {
         invalid: 'Η ημερομηνία και ώρα πρέπει να είναι έγκυρη.',
+        invalid_month_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος, την ώρα και τα λεπτά.',
+        invalid_day_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος, την ώρα και τα λεπτά.',
+        invalid_day_month_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα, την ώρα και τα λεπτά.',
+        invalid_year_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος, την ώρα και τα λεπτά.',
+        invalid_month_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, την ώρα και τα λεπτά.',
+        invalid_day_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, την ώρα και τα λεπτά.',
+        invalid__hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα και τα λεπτά.',
+        invalid_minutes: 'Η ημερομηνία πρέπει να περιλαμβάνει τα λεπτά.',
+        invalid_hours: 'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα.',
+        invalid_month_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος και τα λεπτά.',
+        invalid_month_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα, το έτος και την ώρα.',
         invalid_month_year:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα και το έτος.',
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και το έτος.',
+        invalid_day_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος και τα λεπτά.',
+        invalid_day_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, το έτος και την ώρα.',
+        invalid_day_month_year:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και το έτος.',
+        invalid_day_month_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα, το έτος και την ώρα.',
         invalid_day_year:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και το έτος.',
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και το έτος.',
+        invalid_day_month_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και τα λεπτά.',
+        invalid_day_month_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και την ώρα.',
         invalid_day_month:
-          'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα και τον μήνα.',
-        invalid_day: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τη μέρα',
-        invalid_month: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει τον μήνα.',
-        invalid_year: 'Η ημερομηνία πρέπει να συμπεριλαμβάνει το έτος.',
-        invalid_hours: 'Συμπληρώστε έγκυρη ώρα.',
-        invalid_minutes: 'Συμπληρώστε έγκυρα λεπτά.',
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και τον μήνα.',
+        invalid_year_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος και τα λεπτά.',
+        invalid_year_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει το έτος και την ώρα.',
+        invalid_year: 'Η ημερομηνία πρέπει να περιλαμβάνει το έτος.',
+        invalid_month_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και τα λεπτά.',
+        invalid_month_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα και την ώρα.',
+        invalid_month: 'Η ημερομηνία πρέπει να περιλαμβάνει τον μήνα.',
+        invalid_day_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και τα λεπτά.',
+        invalid_day_hours:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα και την ώρα.',
+        invalid_day: 'Η ημερομηνία πρέπει να περιλαμβάνει την ημέρα.',
         invalid_hours_range: 'Η ώρα πρέπει να είναι μεταξύ 0 και 23.',
         invalid_minutes_range: 'Τα λεπτά πρέπει να είναι μεταξύ 0 και 59.',
+        invalid_day_range: 'Η ημέρα πρέπει να είναι μεταξύ 1 και {{maxDay}}.',
+        invalid_month_range: 'Ο μήνας πρέπει να είναι μεταξύ 1 και 12.',
+        invalid_day_month_year_minutes:
+          'Η ημερομηννία πρέπει να περιλαμβάνει την ημέρα, τον μήνα και το έτος κ  τα λεπτά.',
+        invalid_hours_minutes:
+          'Η ημερομηνία πρέπει να περιλαμβάνει την ώρα και τα λεπτά.',
         earlier_than:
-          'Συμπληρώστε ημερομηνία και ώρα προγενέστερη της {{maxDateTime}}',
+          'Συμπληρώστε ημερομηνία και ώρα προγενέστερη της {{maxDateTime}}.',
         later_than:
-          'Συμπληρώστε ημερομηνία και ώρα μεταγενέστερη της {{minDateTime}}',
+          'Συμπληρώστε ημερομηνία και ώρα μεταγενέστερη της {{minDateTime}}.',
       },
       otp: {
         invalid: 'Ο κωδικός που έχετε εισάγει είναι λάθος.',
@@ -134,14 +185,14 @@ export default {
   },
   upload: {
     file: 'Αρχείο',
+    image: 'Εικόνα',
     choose_file: 'Επιλογή αρχείου',
     change_file: 'Αντικατάσταση αρχείου',
     no_file: 'Δεν έχετε επιλέξει αρχείο',
     reset_file: 'Αφαίρεση',
-    image: 'Φωτογραφία',
-    no_image: 'Δεν έχετε επιλέξει φωτογραφία',
-    change_image: 'Αντικατάσταση φωτογραφίας',
-    choose_image: 'Επιλογή φωτογραφίας',
+    no_image: 'Δεν έχετε επιλέξει εικόνα',
+    change_image: 'Αντικατάσταση εικόνας',
+    choose_image: 'Επιλογή εικόνας',
   },
   'copy-to-clipboard': {
     message: 'Το κείμενο αντιγράφηκε επιτυχώς!',

package/src/i18n/locales/en.ts

@@ -14,8 +14,9 @@ export default {
       string: 'This field must be a string',
       email: 'Please enter a valid email address (e-mail).',
       afm: 'The VAT number you entered is incorrect.',
-      file_size: 'File size is larger than allowed ({{maxSizeToMb}}Mb).',
-      image_size: 'Image size is larger than allowed ({{maxSizeToMb}}Mb).',
+      amka: 'The SSN you entered is incorrect.',
+      file_size: 'File size is larger than allowed ({{maxSize}}).',
+      image_size: 'Image size is larger than allowed ({{maxSize}}).',
       mobile_phone: 'Fill in a valid mobile phone number.',
       landline: 'Fill in a valid landline phone number.',
       phone_number: 'Fill in a valid phone number.',
@@ -37,21 +38,56 @@ export default {
         invalid_day: 'Date must include day.',
         invalid_month: 'Date must include month.',
         invalid_year: 'Date must include year.',
+        invalid_day_range: 'Day must be between 1 and {{maxDay}}.',
+        invalid_month_range: 'Month must be between 1 and 12.',
       },
       datetime: {
         invalid: 'Date and time must be valid.',
+        invalid_month_year_hours_minutes:
+          'Date must include month, year, hours, and minutes.',
+        invalid_day_year_hours_minutes:
+          'Date must include day, year, hours, and minutes.',
+        invalid_day_month_hours_minutes:
+          'Date must include day, month, hours, and minutes.',
+        invalid_year_hours_minutes:
+          'Date must include year, hours, and minutes.',
+        invalid_month_hours_minutes:
+          'Date must include month, hours, and minutes.',
+        invalid_day_hours_minutes: 'Date must include day, hours, and minutes.',
+        invalid__hours_minutes: 'Time must include hours and minutes.',
+        invalid_minutes: 'Please enter valid minutes.',
+        invalid_hours: 'Please enter valid hours.',
+        invalid_month_year_minutes:
+          'Date must include month, year, and minutes.',
+        invalid_month_year_hours: 'Date must include month, year, and hours.',
         invalid_month_year: 'Date must include month and year.',
+        invalid_day_year_minutes: 'Date must include day, year, and minutes.',
+        invalid_day_year_hours: 'Date must include day, year, and hours.',
+        invalid_day_month_year: 'Date must include day, month, and year.',
+        invalid_day_month_year_hours:
+          'Date must include day, month, year, and hours.',
         invalid_day_year: 'Date must include day and year.',
+        invalid_day_month_minutes: 'Date must include day, month, and minutes.',
+        invalid_day_month_hours: 'Date must include day, month, and hours.',
         invalid_day_month: 'Date must include day and month.',
-        invalid_day: 'Date must include day.',
-        invalid_month: 'Date must include month.',
+        invalid_year_minutes: 'Date must include year and minutes.',
+        invalid_year_hours: 'Date must include year and hours.',
         invalid_year: 'Date must include year.',
-        invalid_hours: 'Please enter valid hours.',
-        invalid_minutes: 'Please enter valid minutes.',
+        invalid_month_minutes: 'Date must include month and minutes.',
+        invalid_month_hours: 'Date must include month and hours.',
+        invalid_month: 'Date must include month.',
+        invalid_day_minutes: 'Date must include day and minutes.',
+        invalid_day_hours: 'Date must include day and hours.',
+        invalid_day: 'Date must include day.',
+        invalid_day_month_year_minutes:
+          'Date must include day, month,year and minutes.',
+        invalid_hours_minutes: 'Date must include hours and minutes.',
         invalid_hours_range: 'Hours must be between 0 and 23.',
         invalid_minutes_range: 'Minutes must be between 0 and 59.',
+        invalid_day_range: 'Day must be between 1 and {{maxDay}}.',
+        invalid_month_range: 'Month must be between 1 and 12.',
         earlier_than: 'The date and time must be earlier than {{maxDateTime}}.',
-        later_than: 'The date and time must be later than {{minDateTime}}',
+        later_than: 'The date and time must be later than {{minDateTime}}.',
       },
       text: {
         more_than: 'You have surpass the {{max}} characters limit.',

package/src/layouts/Basic/Basic.stories.js

@@ -1,8 +1,11 @@
 import Basic from '@digigov/ui/layouts/Basic';
+import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/layouts/Basic',
   defaultWidth: 'lg',
   component: Basic,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'Basic',
 };
 export { Default } from '@digigov/ui/layouts/Basic/__stories__/Default';

package/src/layouts/Basic/Bottom/__stories__/Default.tsx

@@ -11,7 +11,7 @@ import { Main } from '@digigov/ui/layouts/Basic/Main';
 import { Top } from '@digigov/ui/layouts/Basic/Top';
 import { Heading, Paragraph } from '@digigov/ui/typography';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <Layout>
     <Top>
       <Header>

package/src/layouts/Basic/Container/__stories__/Default.tsx

@@ -9,7 +9,7 @@ import { Main } from '@digigov/ui/layouts/Basic/Main';
 import { Top } from '@digigov/ui/layouts/Basic/Top';
 import { Heading, Paragraph } from '@digigov/ui/typography';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <Layout>
     <Top>
       <Header>

package/src/layouts/Basic/Main/__stories__/Default.tsx

@@ -9,7 +9,7 @@ import { Main } from '@digigov/ui/layouts/Basic/Main';
 import { Top } from '@digigov/ui/layouts/Basic/Top';
 import { Heading, Paragraph } from '@digigov/ui/typography';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <Layout>
     <Top>
       <Header>

package/src/layouts/Basic/Top/__stories__/Default.tsx

@@ -9,7 +9,7 @@ import { Main } from '@digigov/ui/layouts/Basic/Main';
 import { Top } from '@digigov/ui/layouts/Basic/Top';
 import { Heading, Paragraph } from '@digigov/ui/typography';
 
-export const Default = () => (
+export const Default = (_: any) => (
   <Layout>
     <Top>
       <Header>

package/src/layouts/Basic/__stories__/Default.tsx

@@ -3,7 +3,7 @@ import { Layout } from '@digigov/ui/layouts/Basic';
 import { Container } from '@digigov/ui/layouts/Basic/Container';
 import { Main } from '@digigov/ui/layouts/Basic/Main';
 import { Heading, Paragraph } from '@digigov/ui/typography';
-export const Default = () => (
+export const Default = (_: any) => (
   <Layout>
     <Container>
       <Main>

package/src/layouts/Basic/__stories__/MultipleRowsLayout.tsx

@@ -5,7 +5,7 @@ import { Container } from '@digigov/ui/layouts/Basic/Container';
 import { Main } from '@digigov/ui/layouts/Basic/Main';
 import { Heading, Paragraph } from '@digigov/ui/typography';
 
-export const MultipleRowsLayout = () => (
+export const MultipleRowsLayout = (_: any) => (
   <Layout>
     <Container>
       <Main>

package/src/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.tsx

@@ -4,7 +4,7 @@ import { Aside } from '@digigov/ui/layouts/Basic/Aside';
 import { Container } from '@digigov/ui/layouts/Basic/Container';
 import { Main } from '@digigov/ui/layouts/Basic/Main';
 import { Heading, Paragraph } from '@digigov/ui/typography';
-export const TwoThirdsOneThirdColumns = () => (
+export const TwoThirdsOneThirdColumns = (_: any) => (
   <Layout>
     <Container>
       <Main>

package/src/layouts/Basic/__stories__/WithBasicLayout.tsx

@@ -6,7 +6,7 @@ import { Container } from '@digigov/ui/layouts/Basic/Container';
 import { Main } from '@digigov/ui/layouts/Basic/Main';
 import { Top } from '@digigov/ui/layouts/Basic/Top';
 
-export const WithBasicLayout = () => (
+export const WithBasicLayout = (_: any) => (
   <BasicLayout>
     <Top>Header content</Top>
     <Container>

package/src/layouts/Grid/Grid.stories.js

@@ -1,7 +1,10 @@
 import Grid from '@digigov/ui/layouts/Grid';
+import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/layouts/Grid',
   component: Grid,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'Grid',
 };
 export { Default } from '@digigov/ui/layouts/Grid/__stories__/Default';

package/src/layouts/Grid/__stories__/Default.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Card } from '@digigov/ui/content/Card';
 import { Grid } from '@digigov/ui/layouts/Grid';
 
-export const Default = () => {
+export const Default = (_: any) => {
   return (
     <>
       <Grid role="grid" aria-label="grid-example" container spacing={4}>

package/src/layouts/Grid/__stories__/Inline.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Card } from '@digigov/ui/content/Card';
 import { Grid } from '@digigov/ui/layouts/Grid';
 
-export const Inline = () => {
+export const Inline = (_: any) => {
   return (
     <>
       <Grid role="grid" aria-label="grid-example" container spacing={4} inline>

package/src/layouts/Grid/__stories__/ResponsiveSpacing.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Card } from '@digigov/ui/content/Card';
 import { Grid } from '@digigov/ui/layouts/Grid';
 
-export const ResponsiveSpacing = () => {
+export const ResponsiveSpacing = (_: any) => {
   return (
     <>
       <Grid

package/src/layouts/Screen/__stories__/Default.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Screen } from '@digigov/ui/layouts/Screen';
 
-export const Default = () => {
+export const Default = (_: any) => {
   return (
     <>
       <Screen size="mdUp">

package/src/layouts/Screen/__stories__/ScreenDown.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Screen } from '@digigov/ui/layouts/Screen';
 
-export const ScreenDown = () => {
+export const ScreenDown = (_: any) => {
   return (
     <Screen size="mdDown">
       <div>This is a mdDown screen</div>

package/src/layouts/Screen/__stories__/ScreenUp.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Screen } from '@digigov/ui/layouts/Screen';
 
-export const ScreenUp = () => {
+export const ScreenUp = (_: any) => {
   return (
     <Screen size="mdUp">
       <div>This is a mdUp screen</div>

package/src/layouts/Screen/__stories__/SpecificScreenSize.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Screen } from '@digigov/ui/layouts/Screen';
 
-export const SpecificScreenSize = () => {
+export const SpecificScreenSize = (_: any) => {
   return (
     <Screen size="md">
       <div>This is a md screen</div>

package/src/layouts/Stack/Stack.stories.js

@@ -1,7 +1,10 @@
 import Stack from '@digigov/ui/layouts/Stack';
+import doc from './doc.mdx?raw';
 export default {
   title: 'Digigov UI/layouts/Stack',
   component: Stack,
+  tags: ['autodocs'],
+  markdown: doc,
   displayName: 'Stack',
 };
 export { Default } from '@digigov/ui/layouts/Stack/__stories__/Default';

package/src/layouts/Stack/__stories__/AlignItems.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import Card from '@digigov/ui/content/Card';
 import { Stack } from '@digigov/ui/layouts/Stack';
 
-export const AlignItems = () => {
+export const AlignItems = (_: any) => {
   return (
     <Stack spacing={4}>
       <Stack direction="row" spacing={2} alignItems="flex-start">

package/src/layouts/Stack/__stories__/Default.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import Card from '@digigov/ui/content/Card';
 import { Stack } from '@digigov/ui/layouts/Stack';
 
-export const Default = () => {
+export const Default = (_: any) => {
   return (
     <Stack spacing={2}>
       <Card variant="border"> Item 1 </Card>