@digigov/ui 2.0.0-36b707c1 → 2.0.0-49de50c4

package/i18n/locales/en/index.js

@@ -3,7 +3,9 @@ var en_default = {
     label: {
       day: "Day",
       month: "Month",
-      year: "Year"
+      year: "Year",
+      hours: "Hours",
+      minutes: "Minutes"
     },
     error: {
       required: "This field is required.",
@@ -12,8 +14,9 @@ var en_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.",
@@ -28,7 +31,28 @@ var en_default = {
       date: {
         invalid: "Date must be a real date.",
         earlier_than: "The date must be earlier than {{maxDate}}.",
-        later_than: "The date must be later than {{minDate}}"
+        later_than: "The date must be later than {{minDate}}",
+        invalid_month_year: "Date must include month and year.",
+        invalid_day_year: "Date must include day and year.",
+        invalid_day_month: "Date must include day and month.",
+        invalid_day: "Date must include day.",
+        invalid_month: "Date must include month.",
+        invalid_year: "Date must include year."
+      },
+      datetime: {
+        invalid: "Date and time must be valid.",
+        invalid_month_year: "Date must include month and year.",
+        invalid_day_year: "Date must include day and year.",
+        invalid_day_month: "Date must include day and month.",
+        invalid_day: "Date must include day.",
+        invalid_month: "Date must include month.",
+        invalid_year: "Date must include year.",
+        invalid_hours: "Please enter valid hours.",
+        invalid_minutes: "Please enter valid minutes.",
+        invalid_hours_range: "Hours must be between 0 and 23.",
+        invalid_minutes_range: "Minutes must be between 0 and 59.",
+        earlier_than: "The date and time must be earlier than {{maxDateTime}}.",
+        later_than: "The date and time must be later than {{minDateTime}}"
       },
       text: {
         more_than: "You have surpass the {{max}} characters limit.",

package/i18n/locales/en.d.ts

@@ -4,6 +4,8 @@ declare const _default: {
             day: string;
             month: string;
             year: string;
+            hours: string;
+            minutes: string;
         };
         error: {
             required: string;
@@ -12,6 +14,7 @@ declare const _default: {
             string: string;
             email: string;
             afm: string;
+            amka: string;
             file_size: string;
             image_size: string;
             mobile_phone: string;
@@ -29,6 +32,27 @@ declare const _default: {
                 invalid: string;
                 earlier_than: string;
                 later_than: string;
+                invalid_month_year: string;
+                invalid_day_year: string;
+                invalid_day_month: string;
+                invalid_day: string;
+                invalid_month: string;
+                invalid_year: string;
+            };
+            datetime: {
+                invalid: string;
+                invalid_month_year: string;
+                invalid_day_year: string;
+                invalid_day_month: string;
+                invalid_day: string;
+                invalid_month: string;
+                invalid_year: string;
+                invalid_hours: string;
+                invalid_minutes: string;
+                invalid_hours_range: string;
+                invalid_minutes_range: string;
+                earlier_than: string;
+                later_than: string;
             };
             text: {
                 more_than: string;

package/i18n/locales/en.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/i18n/locales/en.ts"],
-  "sourcesContent": ["export default {\n  form: {\n    label: {\n      day: 'Day',\n      month: 'Month',\n      year: 'Year',\n    },\n    error: {\n      required: 'This field is required.',\n      number: 'Please enter a valid number',\n      positive_integer_number: 'Please enter a positive integer number',\n      string: 'This field must be a string',\n      email: 'Please enter a valid email address (e-mail).',\n      afm: 'The VAT number you entered is incorrect.',\n      file_size: 'File size is larger than allowed ({{maxSizeToMb}}Mb).',\n      image_size: 'Image size is larger than allowed ({{maxSizeToMb}}Mb).',\n      mobile_phone: 'Fill in a valid mobile phone number.',\n      landline: 'Fill in a valid landline phone number.',\n      phone_number: 'Fill in a valid phone number.',\n      uuid4: 'Confirmation code is invalid.',\n      iban: 'Fill in a valid IBAN number',\n      postalCode: 'Fill in a valid postal code number.',\n      array: {\n        min:\n          'This field should have at least {{min}} records. Add one more by selecting the answer \u201CYes\u201C in the next question.',\n        max:\n          'You have reached the maximum limit of {{max}} records. If you want to add one more, please remove one of the answers above. Otherwise, select \u201CNo\u201C as an answer.',\n        length: 'This field should have exactly {{length}} records',\n      },\n      date: {\n        invalid: 'Date must be a real date.',\n        earlier_than: 'The date must be earlier than {{maxDate}}.',\n        later_than: 'The date must be later than {{minDate}}',\n      },\n      text: {\n        more_than: 'You have surpass the {{max}} characters limit.',\n        less_than: 'You need at least {{min}} characters.',\n      },\n      image: {\n        image_dimension_size:\n          'The dimensions you entered exceed the expected limits. Minimum size ({{minWidth}}x{{minHeight}})px, Maximum Size: ({{maxWidth}}x{{maxHeight}})px',\n      },\n    },\n    info: {\n      text: {\n        you_have: 'You have',\n        need_at_least: 'You need at least',\n        characters: 'characters',\n        character: 'character',\n        remaining: 'remaining',\n        too_many: 'too many',\n      },\n    },\n  },\n  button: {\n    start: 'Start',\n    login: 'Login',\n    back: 'Back',\n    continue: 'Continue',\n    search_ref: 'Search',\n    scan: 'Scan QR Code',\n    save: 'Save',\n    logout: 'Logout',\n    submit: 'Sumbit',\n    delete: 'Delete',\n  },\n  footer: {\n    created_by: 'Created by',\n    grnet: 'GRNET',\n    created_for: 'for the',\n    mindigital: 'Ministry of Digital Governance',\n    using: 'using',\n    open_source: 'Open Source Software',\n    creative_commons: 'Creative Commons',\n  },\n  notfound: {\n    page_not_found: 'Page not found',\n    wrong_key_address: 'If you typed the web address, check it is correct.',\n    wrong_cp_address:\n      'If you pasted the web address, check you copied the entire address..',\n    service_contact:\n      'If the web address is correct or you selected a link or button, contact the Service Helpline if you need to speak to someone about your tax credits.',\n  },\n  outdated: {\n    mobile:\n      'This site may not work properly because your browser is either not supported or outdated. Please update your browser',\n    web:\n      'This site may not work properly because your browser outdated. To update your browser visit: ',\n  },\n  pagination: {\n    show: 'Showing',\n    to: 'to',\n    of: 'of',\n    results: 'results',\n    label: 'Showing <b>{start}</b> to <b>{end}</b> of <b>{total}</b> results',\n  },\n  upload: {\n    file: 'File',\n    choose_file: 'Choose file',\n    change_file: 'Change file',\n    reset_file: 'Reset file',\n    change_image: 'Change image',\n    choose_image: 'Choose image',\n    no_file: 'You have not selected a file',\n    no_image: 'You have not selected an image',\n  },\n  'copy-to-clipboard': {\n    message: 'Text copied!',\n  },\n};\n"],
-  "mappings": "AAAA,IAAO,aAAQ;AAAA,EACb,MAAM;AAAA,IACJ,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,yBAAyB;AAAA,MACzB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,KAAK;AAAA,MACL,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,UAAU;AAAA,MACV,cAAc;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,OAAO;AAAA,QACL,KACE;AAAA,QACF,KACE;AAAA,QACF,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA,OAAO;AAAA,QACL,sBACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,IACR,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,kBACE;AAAA,IACF,iBACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,QACE;AAAA,IACF,KACE;AAAA,EACJ;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA,EACA,qBAAqB;AAAA,IACnB,SAAS;AAAA,EACX;AACF;",
+  "sourcesContent": ["export default {\n  form: {\n    label: {\n      day: 'Day',\n      month: 'Month',\n      year: 'Year',\n      hours: 'Hours',\n      minutes: 'Minutes',\n    },\n    error: {\n      required: 'This field is required.',\n      number: 'Please enter a valid number',\n      positive_integer_number: 'Please enter a positive integer number',\n      string: 'This field must be a string',\n      email: 'Please enter a valid email address (e-mail).',\n      afm: 'The VAT number you entered is incorrect.',\n      amka: 'The SSN you entered is incorrect.',\n      file_size: 'File size is larger than allowed ({{maxSize}}).',\n      image_size: 'Image size is larger than allowed ({{maxSize}}).',\n      mobile_phone: 'Fill in a valid mobile phone number.',\n      landline: 'Fill in a valid landline phone number.',\n      phone_number: 'Fill in a valid phone number.',\n      uuid4: 'Confirmation code is invalid.',\n      iban: 'Fill in a valid IBAN number',\n      postalCode: 'Fill in a valid postal code number.',\n      array: {\n        min: 'This field should have at least {{min}} records. Add one more by selecting the answer \u201CYes\u201C in the next question.',\n        max: 'You have reached the maximum limit of {{max}} records. If you want to add one more, please remove one of the answers above. Otherwise, select \u201CNo\u201C as an answer.',\n        length: 'This field should have exactly {{length}} records',\n      },\n      date: {\n        invalid: 'Date must be a real date.',\n        earlier_than: 'The date must be earlier than {{maxDate}}.',\n        later_than: 'The date must be later than {{minDate}}',\n        invalid_month_year: 'Date must include month and year.',\n        invalid_day_year: 'Date must include day and year.',\n        invalid_day_month: 'Date must include day and month.',\n        invalid_day: 'Date must include day.',\n        invalid_month: 'Date must include month.',\n        invalid_year: 'Date must include year.',\n      },\n      datetime: {\n        invalid: 'Date and time must be valid.',\n        invalid_month_year: 'Date must include month and year.',\n        invalid_day_year: 'Date must include day and year.',\n        invalid_day_month: 'Date must include day and month.',\n        invalid_day: 'Date must include day.',\n        invalid_month: 'Date must include month.',\n        invalid_year: 'Date must include year.',\n        invalid_hours: 'Please enter valid hours.',\n        invalid_minutes: 'Please enter valid minutes.',\n        invalid_hours_range: 'Hours must be between 0 and 23.',\n        invalid_minutes_range: 'Minutes must be between 0 and 59.',\n        earlier_than: 'The date and time must be earlier than {{maxDateTime}}.',\n        later_than: 'The date and time must be later than {{minDateTime}}',\n      },\n      text: {\n        more_than: 'You have surpass the {{max}} characters limit.',\n        less_than: 'You need at least {{min}} characters.',\n      },\n      image: {\n        image_dimension_size:\n          'The dimensions you entered exceed the expected limits. Minimum size ({{minWidth}}x{{minHeight}})px, Maximum Size: ({{maxWidth}}x{{maxHeight}})px',\n      },\n    },\n    info: {\n      text: {\n        you_have: 'You have',\n        need_at_least: 'You need at least',\n        characters: 'characters',\n        character: 'character',\n        remaining: 'remaining',\n        too_many: 'too many',\n      },\n    },\n  },\n  button: {\n    start: 'Start',\n    login: 'Login',\n    back: 'Back',\n    continue: 'Continue',\n    search_ref: 'Search',\n    scan: 'Scan QR Code',\n    save: 'Save',\n    logout: 'Logout',\n    submit: 'Sumbit',\n    delete: 'Delete',\n  },\n  footer: {\n    created_by: 'Created by',\n    grnet: 'GRNET',\n    created_for: 'for the',\n    mindigital: 'Ministry of Digital Governance',\n    using: 'using',\n    open_source: 'Open Source Software',\n    creative_commons: 'Creative Commons',\n  },\n  notfound: {\n    page_not_found: 'Page not found',\n    wrong_key_address: 'If you typed the web address, check it is correct.',\n    wrong_cp_address:\n      'If you pasted the web address, check you copied the entire address..',\n    service_contact:\n      'If the web address is correct or you selected a link or button, contact the Service Helpline if you need to speak to someone about your tax credits.',\n  },\n  outdated: {\n    mobile:\n      'This site may not work properly because your browser is either not supported or outdated. Please update your browser',\n    web: 'This site may not work properly because your browser outdated. To update your browser visit: ',\n  },\n  pagination: {\n    show: 'Showing',\n    to: 'to',\n    of: 'of',\n    results: 'results',\n    label: 'Showing <b>{start}</b> to <b>{end}</b> of <b>{total}</b> results',\n  },\n  upload: {\n    file: 'File',\n    choose_file: 'Choose file',\n    change_file: 'Change file',\n    reset_file: 'Reset file',\n    change_image: 'Change image',\n    choose_image: 'Choose image',\n    no_file: 'You have not selected a file',\n    no_image: 'You have not selected an image',\n  },\n  'copy-to-clipboard': {\n    message: 'Text copied!',\n  },\n};\n"],
+  "mappings": "AAAA,IAAO,aAAQ;AAAA,EACb,MAAM;AAAA,IACJ,OAAO;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,yBAAyB;AAAA,MACzB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,MACN,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,UAAU;AAAA,MACV,cAAc;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,OAAO;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,QACnB,aAAa;AAAA,QACb,eAAe;AAAA,QACf,cAAc;AAAA,MAChB;AAAA,MACA,UAAU;AAAA,QACR,SAAS;AAAA,QACT,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,QACnB,aAAa;AAAA,QACb,eAAe;AAAA,QACf,cAAc;AAAA,QACd,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,qBAAqB;AAAA,QACrB,uBAAuB;AAAA,QACvB,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA,OAAO;AAAA,QACL,sBACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,WAAW;AAAA,QACX,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,IACR,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,kBACE;AAAA,IACF,iBACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,QACE;AAAA,IACF,KAAK;AAAA,EACP;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,cAAc;AAAA,IACd,SAAS;AAAA,IACT,UAAU;AAAA,EACZ;AAAA,EACA,qBAAqB;AAAA,IACnB,SAAS;AAAA,EACX;AACF;",
   "names": []
 }

package/icons/IconBase/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@digigov/react-icons/IconBase';
+import IconBase from '@digigov/react-icons/IconBase';
+export default IconBase;

package/icons/IconBase/index.js

@@ -0,0 +1,7 @@
+export * from "@digigov/react-icons/IconBase";
+import IconBase from "@digigov/react-icons/IconBase";
+var IconBase_default = IconBase;
+export {
+  IconBase_default as default
+};
+//# sourceMappingURL=index.js.map

package/icons/IconBase/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/icons/IconBase/index.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-icons/IconBase';\n\nimport IconBase from '@digigov/react-icons/IconBase';\nexport default IconBase;\n"],
+  "mappings": "AAAA,cAAc;AAEd,OAAO,cAAc;AACrB,IAAO,mBAAQ;",
+  "names": []
+}

package/{api/fetchAPI → icons/IconBase}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/api/fetchAPI/index.js"
+  "main": "../../cjs/icons/IconBase/index.js"
 }

package/icons/SvgIcon/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@digigov/react-icons/SvgIcon';
+import SvgIcon from '@digigov/react-icons/SvgIcon';
+export default SvgIcon;

package/icons/SvgIcon/index.js

@@ -0,0 +1,7 @@
+export * from "@digigov/react-icons/SvgIcon";
+import SvgIcon from "@digigov/react-icons/SvgIcon";
+var SvgIcon_default = SvgIcon;
+export {
+  SvgIcon_default as default
+};
+//# sourceMappingURL=index.js.map

package/icons/SvgIcon/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/icons/SvgIcon/index.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-icons/SvgIcon';\n\nimport SvgIcon from '@digigov/react-icons/SvgIcon';\nexport default SvgIcon;\n"],
+  "mappings": "AAAA,cAAc;AAEd,OAAO,aAAa;AACpB,IAAO,kBAAQ;",
+  "names": []
+}

package/{api/utils → icons/SvgIcon}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/api/utils/index.js"
+  "main": "../../cjs/icons/SvgIcon/index.js"
 }

package/icons/index.d.ts

@@ -1,2 +1,4 @@
 export * from '@digigov/ui/icons/Icon';
+export * from '@digigov/ui/icons/IconBase';
+export * from '@digigov/ui/icons/SvgIcon';
 export { ArrowIcon, CaretIcon, ChevronIcon, CloseIcon, CheckIcon, BurgerIcon, UncheckIcon, MoreVertIcon, SearchIcon, DownloadIcon, PdfFileIcon, CancelIcon, LockIcon, PlusIcon, MinusIcon, LoginIcon, RestoreIcon, ReplyIcon, ChatIcon, ExclamationIcon, PrintIcon, GlobeIcon, } from '@digigov/react-icons';

package/icons/index.js

@@ -1,4 +1,6 @@
 export * from "@digigov/ui/icons/Icon";
+export * from "@digigov/ui/icons/IconBase";
+export * from "@digigov/ui/icons/SvgIcon";
 import {
   ArrowIcon,
   CaretIcon,

package/icons/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/icons/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/ui/icons/Icon';\nexport {\n  ArrowIcon,\n  CaretIcon,\n  ChevronIcon,\n  CloseIcon,\n  CheckIcon,\n  BurgerIcon,\n  UncheckIcon,\n  MoreVertIcon,\n  SearchIcon,\n  DownloadIcon,\n  PdfFileIcon,\n  CancelIcon,\n  LockIcon,\n  PlusIcon,\n  MinusIcon,\n  LoginIcon,\n  RestoreIcon,\n  ReplyIcon,\n  ChatIcon,\n  ExclamationIcon,\n  PrintIcon,\n  GlobeIcon,\n} from '@digigov/react-icons';"],
-  "mappings": "AAAA,cAAc;AACd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "sourcesContent": ["export * from '@digigov/ui/icons/Icon';\nexport * from '@digigov/ui/icons/IconBase';\nexport * from '@digigov/ui/icons/SvgIcon';\nexport {\n  ArrowIcon,\n  CaretIcon,\n  ChevronIcon,\n  CloseIcon,\n  CheckIcon,\n  BurgerIcon,\n  UncheckIcon,\n  MoreVertIcon,\n  SearchIcon,\n  DownloadIcon,\n  PdfFileIcon,\n  CancelIcon,\n  LockIcon,\n  PlusIcon,\n  MinusIcon,\n  LoginIcon,\n  RestoreIcon,\n  ReplyIcon,\n  ChatIcon,\n  ExclamationIcon,\n  PrintIcon,\n  GlobeIcon,\n} from '@digigov/react-icons';\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v2.0.0-36b707c1
+/** @license Digigov v2.0.0-49de50c4
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/layouts/Basic/Basic.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/Basic/Basic.stories.js"],
-  "sourcesContent": ["import Basic from '@digigov/ui/layouts/Basic';\nexport default {\n  title: 'Digigov UI/layouts/Basic',\n  defaultWidth: 'lg',\n  component: Basic,\n  displayName: 'Basic',\n};\nexport { Default } from '@digigov/ui/layouts/Basic/__stories__/Default';\nexport { TwoThirdsOneThirdColumns } from '@digigov/ui/layouts/Basic/__stories__/TwoThirdsOneThirdColumns';\nexport { MultipleRowsLayout } from '@digigov/ui/layouts/Basic/__stories__/MultipleRowsLayout';\nexport { WithBasicLayout } from '@digigov/ui/layouts/Basic/__stories__/WithBasicLayout';"],
+  "sourcesContent": ["import Basic from '@digigov/ui/layouts/Basic';\nexport default {\n  title: 'Digigov UI/layouts/Basic',\n  defaultWidth: 'lg',\n  component: Basic,\n  displayName: 'Basic',\n};\nexport { Default } from '@digigov/ui/layouts/Basic/__stories__/Default';\nexport { TwoThirdsOneThirdColumns } from '@digigov/ui/layouts/Basic/__stories__/TwoThirdsOneThirdColumns';\nexport { MultipleRowsLayout } from '@digigov/ui/layouts/Basic/__stories__/MultipleRowsLayout';\nexport { WithBasicLayout } from '@digigov/ui/layouts/Basic/__stories__/WithBasicLayout';\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;",
   "names": []
 }

package/layouts/Basic/Bottom/__stories__/Default/index.js

@@ -1,14 +1,16 @@
 import React from "react";
+import { Header } from "@digigov/ui/app/Header";
+import { HeaderContent } from "@digigov/ui/app/Header/HeaderContent";
+import { HeaderSection } from "@digigov/ui/app/Header/HeaderSection";
 import { GovGRFooter } from "@digigov/ui/govgr/Footer";
+import { GovGRLogo } from "@digigov/ui/govgr/GovGRLogo";
 import { Layout } from "@digigov/ui/layouts/Basic";
+import { Bottom } from "@digigov/ui/layouts/Basic/Bottom";
 import { Container } from "@digigov/ui/layouts/Basic/Container";
 import { Main } from "@digigov/ui/layouts/Basic/Main";
+import { Top } from "@digigov/ui/layouts/Basic/Top";
 import { Heading, Paragraph } from "@digigov/ui/typography";
-import Header from "@digigov/ui/app/Header";
-import GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
-import Top from "@digigov/ui/layouts/Basic/Top";
-import Bottom from "@digigov/ui/layouts/Basic/Bottom";
-const Default = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(GovGRLogo, null))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2"), /* @__PURE__ */ React.createElement(Paragraph, null, "\u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF Footer \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Bottom component"))), /* @__PURE__ */ React.createElement(Bottom, null, /* @__PURE__ */ React.createElement(GovGRFooter, null)));
+const Default = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, null))))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2"), /* @__PURE__ */ React.createElement(Paragraph, null, "\u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF Footer \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Bottom component"))), /* @__PURE__ */ React.createElement(Bottom, null, /* @__PURE__ */ React.createElement(GovGRFooter, null)));
 var Default_default = Default;
 export {
   Default,

package/layouts/Basic/Bottom/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Basic/Bottom/__stories__/Default.tsx"],
-  "sourcesContent": ["\nimport React from 'react';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\nimport Header from '@digigov/ui/app/Header';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Top from '@digigov/ui/layouts/Basic/Top';\nimport Bottom from '@digigov/ui/layouts/Basic/Bottom';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <GovGRLogo />\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2</Heading>\n        <Paragraph>\n          \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF Footer \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF\n          Bottom component\n        </Paragraph>\n      </Main>\n    </Container>\n    <Bottom>\n      <GovGRFooter></GovGRFooter>\n    </Bottom>\n  </Layout>\n);\n\nexport default Default;"],
-  "mappings": "AACA,OAAO,WAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,SAAS,iBAAiB;AACnC,OAAO,YAAY;AACnB,OAAO,eAAe;AACtB,OAAO,SAAS;AAChB,OAAO,YAAY;AAEZ,MAAM,UAAU,MACrB,oCAAC,cACC,oCAAC,WACC,oCAAC,cACC,oCAAC,eAAU,CACb,CACF,GACA,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,iFAAc,GACvB,oCAAC,iBAAU,qQAGX,CACF,CACF,GACA,oCAAC,cACC,oCAAC,iBAAY,CACf,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { GovGRFooter } from '@digigov/ui/govgr/Footer';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Bottom } from '@digigov/ui/layouts/Basic/Bottom';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo />\n          </HeaderSection>\n        </HeaderContent>\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2</Heading>\n        <Paragraph>\n          \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF Footer \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Bottom component\n        </Paragraph>\n      </Main>\n    </Container>\n    <Bottom>\n      <GovGRFooter></GovGRFooter>\n    </Bottom>\n  </Layout>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,SAAS,iBAAiB;AAE5B,MAAM,UAAU,MACrB,oCAAC,cACC,oCAAC,WACC,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,eAAU,CACb,CACF,CACF,CACF,GACA,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,iFAAc,GACvB,oCAAC,iBAAU,qQAEX,CACF,CACF,GACA,oCAAC,cACC,oCAAC,iBAAY,CACf,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

package/layouts/Basic/Container/__stories__/Default/index.js

@@ -1,12 +1,14 @@
 import React from "react";
+import { Header } from "@digigov/ui/app/Header";
+import { HeaderContent } from "@digigov/ui/app/Header/HeaderContent";
+import { HeaderSection } from "@digigov/ui/app/Header/HeaderSection";
+import { GovGRLogo } from "@digigov/ui/govgr/GovGRLogo";
 import { Layout } from "@digigov/ui/layouts/Basic";
 import { Container } from "@digigov/ui/layouts/Basic/Container";
 import { Main } from "@digigov/ui/layouts/Basic/Main";
+import { Top } from "@digigov/ui/layouts/Basic/Top";
 import { Heading, Paragraph } from "@digigov/ui/typography";
-import Header from "@digigov/ui/app/Header";
-import GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
-import Top from "@digigov/ui/layouts/Basic/Top";
-const Default = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(GovGRLogo, null))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BC\u03AD\u03C3\u03B1 \u03C3\u03B5 Container"), /* @__PURE__ */ React.createElement(Paragraph, null, "\u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD, \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF."))));
+const Default = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, null))))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BC\u03AD\u03C3\u03B1 \u03C3\u03B5 Container"), /* @__PURE__ */ React.createElement(Paragraph, null, "\u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD, \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF."))));
 var Default_default = Default;
 export {
   Default,

package/layouts/Basic/Container/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Basic/Container/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\nimport Header from '@digigov/ui/app/Header';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Top from '@digigov/ui/layouts/Basic/Top';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <GovGRLogo />\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BC\u03AD\u03C3\u03B1 \u03C3\u03B5 Container</Heading>\n        <Paragraph>\n          \u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD,\n          \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD,\n          \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF.\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,SAAS,iBAAiB;AACnC,OAAO,YAAY;AACnB,OAAO,eAAe;AACtB,OAAO,SAAS;AAET,MAAM,UAAU,MACrB,oCAAC,cACC,oCAAC,WACC,oCAAC,cACC,oCAAC,eAAU,CACb,CACF,GACA,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,oHAA6B,GACtC,oCAAC,iBAAU,onCAIX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo />\n          </HeaderSection>\n        </HeaderContent>\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BC\u03AD\u03C3\u03B1 \u03C3\u03B5 Container</Heading>\n        <Paragraph>\n          \u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD\n          \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD,\n          \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF.\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,SAAS,iBAAiB;AAE5B,MAAM,UAAU,MACrB,oCAAC,cACC,oCAAC,WACC,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,eAAU,CACb,CACF,CACF,CACF,GACA,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,oHAA6B,GACtC,oCAAC,iBAAU,onCAKX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

package/layouts/Basic/Main/__stories__/Default/index.js

@@ -1,12 +1,14 @@
 import React from "react";
+import { Header } from "@digigov/ui/app/Header";
+import { HeaderContent } from "@digigov/ui/app/Header/HeaderContent";
+import { HeaderSection } from "@digigov/ui/app/Header/HeaderSection";
+import { GovGRLogo } from "@digigov/ui/govgr/GovGRLogo";
 import { Layout } from "@digigov/ui/layouts/Basic";
 import { Container } from "@digigov/ui/layouts/Basic/Container";
 import { Main } from "@digigov/ui/layouts/Basic/Main";
+import { Top } from "@digigov/ui/layouts/Basic/Top";
 import { Heading, Paragraph } from "@digigov/ui/typography";
-import Header from "@digigov/ui/app/Header";
-import GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
-import Top from "@digigov/ui/layouts/Basic/Top";
-const Default = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(GovGRLogo, null))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 Main"), /* @__PURE__ */ React.createElement(Paragraph, null, "\u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD, \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF."))));
+const Default = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, null))))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 Main"), /* @__PURE__ */ React.createElement(Paragraph, null, "\u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD, \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF."))));
 var Default_default = Default;
 export {
   Default,

package/layouts/Basic/Main/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Basic/Main/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\nimport Header from '@digigov/ui/app/Header';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Top from '@digigov/ui/layouts/Basic/Top';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <GovGRLogo />\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 Main</Heading>\n        <Paragraph>\n          \u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD,\n          \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD,\n          \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF.\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,SAAS,iBAAiB;AACnC,OAAO,YAAY;AACnB,OAAO,eAAe;AACtB,OAAO,SAAS;AAET,MAAM,UAAU,MACrB,oCAAC,cACC,oCAAC,WACC,oCAAC,cACC,oCAAC,eAAU,CACb,CACF,GACA,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,2CAAW,GACpB,oCAAC,iBAAU,onCAIX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo />\n          </HeaderSection>\n        </HeaderContent>\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 Main</Heading>\n        <Paragraph>\n          \u0397 \u03B5\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE \u03B1\u03C6\u03BF\u03C1\u03AC \u03C3\u03C4\u03B7\u03BD \u0391\u03C4\u03BF\u03BC\u03B9\u03BA\u03AE \u0391\u03BE\u03B9\u03BF\u03BB\u03CC\u03B3\u03B7\u03C3\u03B7 \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03CE\u03BD, \u039C\u03B5\u03BB\u03CE\u03BD \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD\n          \u0395\u03BA\u03C0\u03B1\u03B9\u03B4\u03B5\u03C5\u03C4\u03B9\u03BA\u03BF\u03CD \u03BA\u03B1\u03B9 \u0395\u03B9\u03B4\u03B9\u03BA\u03BF\u03CD \u0392\u03BF\u03B7\u03B8\u03B7\u03C4\u03B9\u03BA\u03BF\u03CD \u03A0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03BF\u03CD, \u0394\u03B9\u03B5\u03C5\u03B8\u03C5\u03BD\u03C4\u03CE\u03BD,\n          \u03A0\u03C1\u03BF\u03CA\u03C3\u03C4\u03B1\u03BC\u03AD\u03BD\u03C9\u03BD \u03C3\u03C7\u03BF\u03BB\u03B9\u03BA\u03AE\u03C2 \u03BC\u03BF\u03BD\u03AC\u03B4\u03B1\u03C2 \u03AE \u0395\u03C1\u03B3\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03B1\u03BA\u03BF\u03CD \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03C0\u03B1\u03C1\u03AD\u03C7\u03BF\u03C5\u03BD\n          \u03B4\u03B9\u03B4\u03B1\u03BA\u03C4\u03B9\u03BA\u03CC \u03AD\u03C1\u03B3\u03BF.\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,SAAS,iBAAiB;AAE5B,MAAM,UAAU,MACrB,oCAAC,cACC,oCAAC,WACC,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,eAAU,CACb,CACF,CACF,CACF,GACA,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,2CAAW,GACpB,oCAAC,iBAAU,onCAKX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

package/layouts/Basic/Top/__stories__/Default/index.js

@@ -1,12 +1,14 @@
 import React from "react";
+import { Header } from "@digigov/ui/app/Header";
+import { HeaderContent } from "@digigov/ui/app/Header/HeaderContent";
+import { HeaderSection } from "@digigov/ui/app/Header/HeaderSection";
+import { GovGRLogo } from "@digigov/ui/govgr/GovGRLogo";
 import { Layout } from "@digigov/ui/layouts/Basic";
 import { Container } from "@digigov/ui/layouts/Basic/Container";
 import { Main } from "@digigov/ui/layouts/Basic/Main";
+import { Top } from "@digigov/ui/layouts/Basic/Top";
 import { Heading, Paragraph } from "@digigov/ui/typography";
-import Header from "@digigov/ui/app/Header";
-import GovGRLogo from "@digigov/ui/govgr/GovGRLogo";
-import Top from "@digigov/ui/layouts/Basic/Top";
-const Default = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(GovGRLogo, null))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2"), /* @__PURE__ */ React.createElement(Paragraph, null, "\u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03C4\u03BF\u03C5 Header \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Top component"))));
+const Default = () => /* @__PURE__ */ React.createElement(Layout, null, /* @__PURE__ */ React.createElement(Top, null, /* @__PURE__ */ React.createElement(Header, null, /* @__PURE__ */ React.createElement(HeaderContent, null, /* @__PURE__ */ React.createElement(HeaderSection, null, /* @__PURE__ */ React.createElement(GovGRLogo, null))))), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, /* @__PURE__ */ React.createElement(Heading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2"), /* @__PURE__ */ React.createElement(Paragraph, null, "\u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03C4\u03BF\u03C5 Header \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Top component"))));
 var Default_default = Default;
 export {
   Default,

package/layouts/Basic/Top/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/Basic/Top/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\nimport Header from '@digigov/ui/app/Header';\nimport GovGRLogo from '@digigov/ui/govgr/GovGRLogo';\nimport Top from '@digigov/ui/layouts/Basic/Top';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <GovGRLogo />\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2</Heading>\n        <Paragraph>\n          \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03C4\u03BF\u03C5 Header \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF Top component\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,SAAS,iBAAiB;AACnC,OAAO,YAAY;AACnB,OAAO,eAAe;AACtB,OAAO,SAAS;AAET,MAAM,UAAU,MACrB,oCAAC,cACC,oCAAC,WACC,oCAAC,cACC,oCAAC,eAAU,CACb,CACF,GACA,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,iFAAc,GACvB,oCAAC,iBAAU,wVAEX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport { Layout } from '@digigov/ui/layouts/Basic';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Heading, Paragraph } from '@digigov/ui/typography';\n\nexport const Default = () => (\n  <Layout>\n    <Top>\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo />\n          </HeaderSection>\n        </HeaderContent>\n      </Header>\n    </Top>\n    <Container>\n      <Main>\n        <Heading>\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\u03C2</Heading>\n        <Paragraph>\n          \u03A3\u03B5 \u03B1\u03C5\u03C4\u03CC \u03C4\u03BF \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1 \u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03C4\u03BF\u03C5 Header \u03B5\u03C3\u03C9\u03BA\u03BB\u03B5\u03AF\u03B5\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03B1 \u03C3\u03C4\u03BF\n          Top component\n        </Paragraph>\n      </Main>\n    </Container>\n  </Layout>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,WAAW;AACpB,SAAS,SAAS,iBAAiB;AAE5B,MAAM,UAAU,MACrB,oCAAC,cACC,oCAAC,WACC,oCAAC,cACC,oCAAC,qBACC,oCAAC,qBACC,oCAAC,eAAU,CACb,CACF,CACF,CACF,GACA,oCAAC,iBACC,oCAAC,YACC,oCAAC,eAAQ,iFAAc,GACvB,oCAAC,iBAAU,wVAGX,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
   "names": []
 }

package/layouts/Basic/__stories__/WithBasicLayout/index.js

@@ -1,10 +1,10 @@
 import React from "react";
+import BasicLayout from "@digigov/ui/layouts/Basic";
 import { Aside } from "@digigov/ui/layouts/Basic/Aside";
+import { Bottom } from "@digigov/ui/layouts/Basic/Bottom";
 import { Container } from "@digigov/ui/layouts/Basic/Container";
 import { Main } from "@digigov/ui/layouts/Basic/Main";
-import BasicLayout from "@digigov/ui/layouts/Basic";
 import { Top } from "@digigov/ui/layouts/Basic/Top";
-import { Bottom } from "@digigov/ui/layouts/Basic/Bottom";
 const WithBasicLayout = () => /* @__PURE__ */ React.createElement(BasicLayout, null, /* @__PURE__ */ React.createElement(Top, null, "Header content"), /* @__PURE__ */ React.createElement(Container, null, /* @__PURE__ */ React.createElement(Main, null, "Main content"), /* @__PURE__ */ React.createElement(Aside, null, "Side content")), /* @__PURE__ */ React.createElement(Bottom, null, "Bottom content"));
 var WithBasicLayout_default = WithBasicLayout;
 export {

package/layouts/Basic/__stories__/WithBasicLayout.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Basic/__stories__/WithBasicLayout.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Aside } from '@digigov/ui/layouts/Basic/Aside';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport BasicLayout from '@digigov/ui/layouts/Basic';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\nimport { Bottom } from '@digigov/ui/layouts/Basic/Bottom';\n\nexport const WithBasicLayout = () => (\n  <BasicLayout>\n    <Top>Header content</Top>\n    <Container>\n      <Main>Main content</Main>\n      <Aside>Side content</Aside>\n    </Container>\n    <Bottom>Bottom content</Bottom>\n  </BasicLayout>\n);\n\nexport default WithBasicLayout;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,OAAO,iBAAiB;AACxB,SAAS,WAAW;AACpB,SAAS,cAAc;AAEhB,MAAM,kBAAkB,MAC7B,oCAAC,mBACC,oCAAC,WAAI,gBAAc,GACnB,oCAAC,iBACC,oCAAC,YAAK,cAAY,GAClB,oCAAC,aAAM,cAAY,CACrB,GACA,oCAAC,cAAO,gBAAc,CACxB;AAGF,IAAO,0BAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport BasicLayout from '@digigov/ui/layouts/Basic';\nimport { Aside } from '@digigov/ui/layouts/Basic/Aside';\nimport { Bottom } from '@digigov/ui/layouts/Basic/Bottom';\nimport { Container } from '@digigov/ui/layouts/Basic/Container';\nimport { Main } from '@digigov/ui/layouts/Basic/Main';\nimport { Top } from '@digigov/ui/layouts/Basic/Top';\n\nexport const WithBasicLayout = () => (\n  <BasicLayout>\n    <Top>Header content</Top>\n    <Container>\n      <Main>Main content</Main>\n      <Aside>Side content</Aside>\n    </Container>\n    <Bottom>Bottom content</Bottom>\n  </BasicLayout>\n);\n\nexport default WithBasicLayout;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,iBAAiB;AACxB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,WAAW;AAEb,MAAM,kBAAkB,MAC7B,oCAAC,mBACC,oCAAC,WAAI,gBAAc,GACnB,oCAAC,iBACC,oCAAC,YAAK,cAAY,GAClB,oCAAC,aAAM,cAAY,CACrB,GACA,oCAAC,cAAO,gBAAc,CACxB;AAGF,IAAO,0BAAQ;",
   "names": []
 }

package/layouts/Basic/index.d.ts

@@ -4,6 +4,5 @@ export * from '@digigov/ui/layouts/Basic/Aside';
 export * from '@digigov/ui/layouts/Basic/Main';
 export * from '@digigov/ui/layouts/Basic/Container';
 export * from '@digigov/ui/layouts/Basic/Bottom';
-export * from '@digigov/ui/layouts/Basic/Masthead';
 import Layout from '@digigov/react-core/Layout';
 export default Layout;

package/layouts/Basic/index.js

@@ -4,7 +4,6 @@ export * from "@digigov/ui/layouts/Basic/Aside";
 export * from "@digigov/ui/layouts/Basic/Main";
 export * from "@digigov/ui/layouts/Basic/Container";
 export * from "@digigov/ui/layouts/Basic/Bottom";
-export * from "@digigov/ui/layouts/Basic/Masthead";
 import Layout from "@digigov/react-core/Layout";
 var Basic_default = Layout;
 export {

package/layouts/Basic/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/Basic/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Layout';\nexport * from '@digigov/ui/layouts/Basic/Top';\nexport * from '@digigov/ui/layouts/Basic/Aside';\nexport * from '@digigov/ui/layouts/Basic/Main';\nexport * from '@digigov/ui/layouts/Basic/Container';\nexport * from '@digigov/ui/layouts/Basic/Bottom';\nexport * from '@digigov/ui/layouts/Basic/Masthead';\n\nimport Layout from '@digigov/react-core/Layout';\nexport default Layout;\n"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,YAAY;AACnB,IAAO,gBAAQ;",
+  "sourcesContent": ["export * from '@digigov/react-core/Layout';\nexport * from '@digigov/ui/layouts/Basic/Top';\nexport * from '@digigov/ui/layouts/Basic/Aside';\nexport * from '@digigov/ui/layouts/Basic/Main';\nexport * from '@digigov/ui/layouts/Basic/Container';\nexport * from '@digigov/ui/layouts/Basic/Bottom';\n\nimport Layout from '@digigov/react-core/Layout';\nexport default Layout;\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,OAAO,YAAY;AACnB,IAAO,gBAAQ;",
   "names": []
 }

package/layouts/Screen/Screen.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/Screen/Screen.stories.js"],
-  "sourcesContent": ["import Screen from '@digigov/ui/layouts/Screen';\nexport default {\n  title: 'Digigov UI/layouts/Screen',\n  component: Screen,\n  displayName: 'Screen',\n};\nexport { Default } from '@digigov/ui/layouts/Screen/__stories__/Default';\nexport { SpecificScreenSize } from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';\nexport { ScreenDown } from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';\nexport { ScreenUp } from '@digigov/ui/layouts/Screen/__stories__/ScreenUp';"],
+  "sourcesContent": ["import Screen from '@digigov/ui/layouts/Screen';\nexport default {\n  title: 'Digigov UI/layouts/Screen',\n  component: Screen,\n  displayName: 'Screen',\n};\nexport { Default } from '@digigov/ui/layouts/Screen/__stories__/Default';\nexport { SpecificScreenSize } from '@digigov/ui/layouts/Screen/__stories__/SpecificScreenSize';\nexport { ScreenDown } from '@digigov/ui/layouts/Screen/__stories__/ScreenDown';\nexport { ScreenUp } from '@digigov/ui/layouts/Screen/__stories__/ScreenUp';\n"],
   "mappings": "AAAA,OAAO,YAAY;AACnB,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;",
   "names": []
 }

package/layouts/Screen/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const Default = () => {\n  return (\n    <>\n      <Screen size='mdUp'>\n        <div>This is a mdUp screen</div>\n      </Screen>\n      <Screen size='mdDown'>\n        <div>This is a mdDown screen</div>\n      </Screen>\n      <Screen size='xs'>\n        <div>This is a xs screen</div>\n      </Screen>\n      <Screen size='sm'>\n        <div>This is a sm screen</div>\n      </Screen>\n    </>\n  );\n};\nexport default Default;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const Default = () => {\n  return (\n    <>\n      <Screen size=\"mdUp\">\n        <div>This is a mdUp screen</div>\n      </Screen>\n      <Screen size=\"mdDown\">\n        <div>This is a mdDown screen</div>\n      </Screen>\n      <Screen size=\"xs\">\n        <div>This is a xs screen</div>\n      </Screen>\n      <Screen size=\"sm\">\n        <div>This is a sm screen</div>\n      </Screen>\n    </>\n  );\n};\nexport default Default;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE,0DACE,oCAAC,UAAO,MAAK,UACX,oCAAC,aAAI,uBAAqB,CAC5B,GACA,oCAAC,UAAO,MAAK,YACX,oCAAC,aAAI,yBAAuB,CAC9B,GACA,oCAAC,UAAO,MAAK,QACX,oCAAC,aAAI,qBAAmB,CAC1B,GACA,oCAAC,UAAO,MAAK,QACX,oCAAC,aAAI,qBAAmB,CAC1B,CACF;AAEJ;AACA,IAAO,kBAAQ;",
   "names": []
 }

package/layouts/Screen/__stories__/ScreenDown.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/__stories__/ScreenDown.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenDown = () => {\n  return (\n    <Screen size='mdDown'>\n      <div>This is a mdDown screen</div>\n    </Screen>\n  );\n};\nexport default ScreenDown;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenDown = () => {\n  return (\n    <Screen size=\"mdDown\">\n      <div>This is a mdDown screen</div>\n    </Screen>\n  );\n};\nexport default ScreenDown;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEhB,MAAM,aAAa,MAAM;AAC9B,SACE,oCAAC,UAAO,MAAK,YACX,oCAAC,aAAI,yBAAuB,CAC9B;AAEJ;AACA,IAAO,qBAAQ;",
   "names": []
 }

package/layouts/Screen/__stories__/ScreenUp.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/__stories__/ScreenUp.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenUp = () => {\n  return (\n    <Screen size='mdUp'>\n      <div>This is a mdUp screen</div>\n    </Screen>\n  );\n};\nexport default ScreenUp;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const ScreenUp = () => {\n  return (\n    <Screen size=\"mdUp\">\n      <div>This is a mdUp screen</div>\n    </Screen>\n  );\n};\nexport default ScreenUp;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEhB,MAAM,WAAW,MAAM;AAC5B,SACE,oCAAC,UAAO,MAAK,UACX,oCAAC,aAAI,uBAAqB,CAC5B;AAEJ;AACA,IAAO,mBAAQ;",
   "names": []
 }

package/layouts/Screen/__stories__/SpecificScreenSize.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/Screen/__stories__/SpecificScreenSize.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const SpecificScreenSize = () => {\n  return (\n    <Screen size='md'>\n      <div>This is a md screen</div>\n    </Screen>\n  );\n};\nexport default SpecificScreenSize;\n"],
+  "sourcesContent": ["import React from 'react';\nimport { Screen } from '@digigov/ui/layouts/Screen';\n\nexport const SpecificScreenSize = () => {\n  return (\n    <Screen size=\"md\">\n      <div>This is a md screen</div>\n    </Screen>\n  );\n};\nexport default SpecificScreenSize;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,cAAc;AAEhB,MAAM,qBAAqB,MAAM;AACtC,SACE,oCAAC,UAAO,MAAK,QACX,oCAAC,aAAI,qBAAmB,CAC1B;AAEJ;AACA,IAAO,6BAAQ;",
   "names": []
 }

package/layouts/Screen/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/Screen/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  useScreenSize,\n  breakpointKeys,\n  Breakpoints,\n} from '@digigov/ui/utils/hooks/useScreen';\n\nexport interface ScreenProps {\n  size:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | 'xsUp'\n    | 'smUp'\n    | 'mdUp'\n    | 'lgUp'\n    | 'xlUp'\n    | 'xsDown'\n    | 'smDown'\n    | 'mdDown'\n    | 'lgDown'\n    | 'xlDown';\n  children?: React.ReactNode;\n}\n\nexport const Screen: React.FC<ScreenProps> = ({ size, children }) => {\n  const { screenSize } = useScreenSize();\n  if (size?.endsWith('Up')) {\n    const breakpoint = size.replace('Up', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size.endsWith('Down')) {\n    const breakpoint = size.replace('Down', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) > breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size && size !== screenSize) {\n    return null;\n  }\n  return <>{children}</>;\n};\n\nexport default Screen;\n\n"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  useScreenSize,\n  breakpointKeys,\n  Breakpoints,\n} from '@digigov/ui/utils/hooks/useScreen';\n\nexport interface ScreenProps {\n  size:\n    | 'xs'\n    | 'sm'\n    | 'md'\n    | 'lg'\n    | 'xl'\n    | 'xsUp'\n    | 'smUp'\n    | 'mdUp'\n    | 'lgUp'\n    | 'xlUp'\n    | 'xsDown'\n    | 'smDown'\n    | 'mdDown'\n    | 'lgDown'\n    | 'xlDown';\n  children?: React.ReactNode;\n}\n\nexport const Screen: React.FC<ScreenProps> = ({ size, children }) => {\n  const { screenSize } = useScreenSize();\n  if (size?.endsWith('Up')) {\n    const breakpoint = size.replace('Up', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) <= breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size.endsWith('Down')) {\n    const breakpoint = size.replace('Down', '') as Breakpoints;\n    if (\n      breakpointKeys.indexOf(breakpoint) > breakpointKeys.indexOf(screenSize)\n    ) {\n      return <>{children}</>;\n    } else {\n      return null;\n    }\n  } else if (size && size !== screenSize) {\n    return null;\n  }\n  return <>{children}</>;\n};\n\nexport default Screen;\n"],
   "mappings": "AAAA,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAsBA,MAAM,SAAgC,CAAC,EAAE,MAAM,SAAS,MAAM;AACnE,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,MAAI,MAAM,SAAS,IAAI,GAAG;AACxB,UAAM,aAAa,KAAK,QAAQ,MAAM,EAAE;AACxC,QACE,eAAe,QAAQ,UAAU,KAAK,eAAe,QAAQ,UAAU,GACvE;AACA,aAAO,0DAAG,QAAS;AAAA,IACrB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,WAAW,KAAK,SAAS,MAAM,GAAG;AAChC,UAAM,aAAa,KAAK,QAAQ,QAAQ,EAAE;AAC1C,QACE,eAAe,QAAQ,UAAU,IAAI,eAAe,QAAQ,UAAU,GACtE;AACA,aAAO,0DAAG,QAAS;AAAA,IACrB,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,WAAW,QAAQ,SAAS,YAAY;AACtC,WAAO;AAAA,EACT;AACA,SAAO,0DAAG,QAAS;AACrB;AAEA,IAAO,iBAAQ;",
   "names": []
 }