@digigov/ui 2.0.0-113e6661 → 2.0.0-2177f152

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": []
 }