@digigov/ui 0.21.1 → 0.21.2

package/es/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Layout, { Content, Main, Side } from '@digigov/ui/layouts/Basic';
+import { Title, Paragraph } from '@digigov/ui/typography';
+
+var _ref = /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Main, null, /*#__PURE__*/React.createElement(Title, null, "Two-thirds column"), /*#__PURE__*/React.createElement(Paragraph, null, "This is a paragraph inside a two-thirds wide column")), /*#__PURE__*/React.createElement(Side, null, /*#__PURE__*/React.createElement(Title, {
+  size: "md"
+}, "One-third-column"), /*#__PURE__*/React.createElement(Paragraph, null, "This is a paragraph inside a one-third wide column"))));
+
+export var TwoThirdsOneThirdColumns = function TwoThirdsOneThirdColumns() {
+  return _ref;
+};
+export default TwoThirdsOneThirdColumns;

package/es/layouts/Grid/Grid.stories.js

@@ -0,0 +1,6 @@
+import Grid from "@digigov/ui/layouts";
+export default {
+  title: 'Digigov UI/layouts/Grid',
+  component: Grid
+};
+export * from './__stories__/Default';

package/es/layouts/Grid/__stories__/Default.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import Grid from '@digigov/react-core/Grid';
+
+var _ref = /*#__PURE__*/React.createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal");
+
+var _ref2 = /*#__PURE__*/React.createElement(Grid, {
+  container: true,
+  spacing: 4
+}, /*#__PURE__*/React.createElement(Grid, {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/React.createElement(Grid, {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/React.createElement(Grid, {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/React.createElement(Grid, {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/React.createElement(Grid, {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/React.createElement(Grid, {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"));
+
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2);
+};
+export default Default;

package/es/locales/el.js

@@ -41,6 +41,7 @@ export default {
   footer: {
     created_by: 'Υλοποίηση από το',
     grnet: 'ΕΔΥΤΕ',
+    created_for: 'για το',
     mindigital: 'Υπουργείο Ψηφιακής Διακυβέρνησης',
     using: 'με χρήση',
     open_source: 'Ανοιχτού Λογισμικού',

package/es/locales/en.js

@@ -41,6 +41,7 @@ export default {
   footer: {
     created_by: 'Created by',
     grnet: 'GRNET',
+    created_for: 'for the',
     mindigital: 'Ministry of Digital Governance',
     using: 'using',
     open_source: 'Open Source Software',

package/es/registry.js

@@ -1,15 +1,6 @@
 import * as _digigov_ui from '@digigov/ui';
-import * as _digigov_ui_api_APIErrors from '@digigov/ui/api/APIErrors';
-import * as _digigov_ui_api_APIProvider from '@digigov/ui/api/APIProvider';
-import * as _digigov_ui_api_fetchAPI from '@digigov/ui/api/fetchAPI';
-import * as _digigov_ui_api from '@digigov/ui/api';
-import * as _digigov_ui_api_useResource from '@digigov/ui/api/useResource';
-import * as _digigov_ui_api_useResourceAction from '@digigov/ui/api/useResourceAction';
-import * as _digigov_ui_api_useResourceQuery from '@digigov/ui/api/useResourceQuery';
-import * as _digigov_ui_api_utils from '@digigov/ui/api/utils';
 import * as _digigov_ui_admin from '@digigov/ui/admin';
 import * as _digigov_ui_app_App from '@digigov/ui/app/App';
-import * as _digigov_ui_app_CopyToClipboard from '@digigov/ui/app/CopyToClipboard';
 import * as _digigov_ui_app_I18nText from '@digigov/ui/app/I18nText';
 import * as _digigov_ui_app_OutdatedBrowserBanner from '@digigov/ui/app/OutdatedBrowserBanner';
 import * as _digigov_ui_app_PageTitle from '@digigov/ui/app/PageTitle';
@@ -17,6 +8,14 @@ import * as _digigov_ui_app_PhaseBannerHeader from '@digigov/ui/app/PhaseBannerH
 import * as _digigov_ui_app_i18n from '@digigov/ui/app/i18n';
 import * as _digigov_ui_app from '@digigov/ui/app';
 import * as _digigov_ui_core from '@digigov/ui/core';
+import * as _digigov_ui_api_APIErrors from '@digigov/ui/api/APIErrors';
+import * as _digigov_ui_api_APIProvider from '@digigov/ui/api/APIProvider';
+import * as _digigov_ui_api_fetchAPI from '@digigov/ui/api/fetchAPI';
+import * as _digigov_ui_api from '@digigov/ui/api';
+import * as _digigov_ui_api_useResource from '@digigov/ui/api/useResource';
+import * as _digigov_ui_api_useResourceAction from '@digigov/ui/api/useResourceAction';
+import * as _digigov_ui_api_useResourceQuery from '@digigov/ui/api/useResourceQuery';
+import * as _digigov_ui_api_utils from '@digigov/ui/api/utils';
 import * as _digigov_ui_govgr from '@digigov/ui/govgr';
 import * as _digigov_ui_hooks_useDebounce from '@digigov/ui/hooks/useDebounce';
 import * as _digigov_ui_hooks_useLatest from '@digigov/ui/hooks/useLatest';
@@ -39,6 +38,7 @@ import * as _digigov_ui_utils_withDeprecation from '@digigov/ui/utils/withDeprec
 import * as _digigov_ui_admin_AdminLayout from '@digigov/ui/admin/AdminLayout';
 import * as _digigov_ui_admin_Chip from '@digigov/ui/admin/Chip';
 import * as _digigov_ui_admin_CircularProgress from '@digigov/ui/admin/CircularProgress';
+import * as _digigov_ui_admin_CopyToClipboard from '@digigov/ui/admin/CopyToClipboard';
 import * as _digigov_ui_admin_CopyToClipboardMessage from '@digigov/ui/admin/CopyToClipboardMessage';
 import * as _digigov_ui_admin_Drawer from '@digigov/ui/admin/Drawer';
 import * as _digigov_ui_admin_Dropdown from '@digigov/ui/admin/Dropdown';
@@ -131,17 +131,8 @@ function lazyImport(pkgImport) {
 
 export default {
   '@digigov/ui': lazyImport(_digigov_ui),
-  '@digigov/ui/api/APIErrors': lazyImport(_digigov_ui_api_APIErrors),
-  '@digigov/ui/api/APIProvider': lazyImport(_digigov_ui_api_APIProvider),
-  '@digigov/ui/api/fetchAPI': lazyImport(_digigov_ui_api_fetchAPI),
-  '@digigov/ui/api': lazyImport(_digigov_ui_api),
-  '@digigov/ui/api/useResource': lazyImport(_digigov_ui_api_useResource),
-  '@digigov/ui/api/useResourceAction': lazyImport(_digigov_ui_api_useResourceAction),
-  '@digigov/ui/api/useResourceQuery': lazyImport(_digigov_ui_api_useResourceQuery),
-  '@digigov/ui/api/utils': lazyImport(_digigov_ui_api_utils),
   '@digigov/ui/admin': lazyImport(_digigov_ui_admin),
   '@digigov/ui/app/App': lazyImport(_digigov_ui_app_App),
-  '@digigov/ui/app/CopyToClipboard': lazyImport(_digigov_ui_app_CopyToClipboard),
   '@digigov/ui/app/I18nText': lazyImport(_digigov_ui_app_I18nText),
   '@digigov/ui/app/OutdatedBrowserBanner': lazyImport(_digigov_ui_app_OutdatedBrowserBanner),
   '@digigov/ui/app/PageTitle': lazyImport(_digigov_ui_app_PageTitle),
@@ -149,6 +140,14 @@ export default {
   '@digigov/ui/app/i18n': lazyImport(_digigov_ui_app_i18n),
   '@digigov/ui/app': lazyImport(_digigov_ui_app),
   '@digigov/ui/core': lazyImport(_digigov_ui_core),
+  '@digigov/ui/api/APIErrors': lazyImport(_digigov_ui_api_APIErrors),
+  '@digigov/ui/api/APIProvider': lazyImport(_digigov_ui_api_APIProvider),
+  '@digigov/ui/api/fetchAPI': lazyImport(_digigov_ui_api_fetchAPI),
+  '@digigov/ui/api': lazyImport(_digigov_ui_api),
+  '@digigov/ui/api/useResource': lazyImport(_digigov_ui_api_useResource),
+  '@digigov/ui/api/useResourceAction': lazyImport(_digigov_ui_api_useResourceAction),
+  '@digigov/ui/api/useResourceQuery': lazyImport(_digigov_ui_api_useResourceQuery),
+  '@digigov/ui/api/utils': lazyImport(_digigov_ui_api_utils),
   '@digigov/ui/govgr': lazyImport(_digigov_ui_govgr),
   '@digigov/ui/hooks/useDebounce': lazyImport(_digigov_ui_hooks_useDebounce),
   '@digigov/ui/hooks/useLatest': lazyImport(_digigov_ui_hooks_useLatest),
@@ -171,6 +170,7 @@ export default {
   '@digigov/ui/admin/AdminLayout': lazyImport(_digigov_ui_admin_AdminLayout),
   '@digigov/ui/admin/Chip': lazyImport(_digigov_ui_admin_Chip),
   '@digigov/ui/admin/CircularProgress': lazyImport(_digigov_ui_admin_CircularProgress),
+  '@digigov/ui/admin/CopyToClipboard': lazyImport(_digigov_ui_admin_CopyToClipboard),
   '@digigov/ui/admin/CopyToClipboardMessage': lazyImport(_digigov_ui_admin_CopyToClipboardMessage),
   '@digigov/ui/admin/Drawer': lazyImport(_digigov_ui_admin_Drawer),
   '@digigov/ui/admin/Dropdown': lazyImport(_digigov_ui_admin_Dropdown),

package/es/typography/Caption/Caption.stories.js

@@ -0,0 +1,7 @@
+import Caption from "@digigov/ui/typography/Caption";
+export default {
+  title: 'Digigov UI/typography/Caption',
+  component: Caption
+};
+export * from './__stories__/Default';
+export * from './__stories__/NestedToTitle';

package/es/typography/Caption/__stories__/Default.js

@@ -0,0 +1,35 @@
+import React from "react";
+import Caption from "@digigov/ui/typography/Caption";
+import Title from "@digigov/ui/typography/Title";
+
+var _ref = /*#__PURE__*/React.createElement(Caption, {
+  size: "xl"
+}, "caption for govgr-heading-xl ");
+
+var _ref2 = /*#__PURE__*/React.createElement(Title, {
+  size: "lg",
+  element: "h2"
+}, " govgr-heading-xl ");
+
+var _ref3 = /*#__PURE__*/React.createElement(Caption, {
+  size: "l"
+}, "caption for govgr-heading-lg ");
+
+var _ref4 = /*#__PURE__*/React.createElement(Title, {
+  size: "lg",
+  element: "h2"
+}, " govgr-heading-lg ");
+
+var _ref5 = /*#__PURE__*/React.createElement(Caption, {
+  size: "m"
+}, "caption for govgr-heading-md ");
+
+var _ref6 = /*#__PURE__*/React.createElement(Title, {
+  size: "md",
+  element: "h3"
+}, " govgr-heading-md ");
+
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6);
+};
+export default Default;

package/es/typography/Caption/__stories__/NestedToTitle.js

@@ -0,0 +1,15 @@
+import React from "react";
+import Title from "@digigov/ui/typography/Title";
+import { Caption } from "@digigov/ui/typography";
+
+var _ref = /*#__PURE__*/React.createElement(Title, {
+  size: "lg",
+  element: "h2"
+}, /*#__PURE__*/React.createElement(Caption, {
+  size: "xl"
+}, "caption for govgr-heading-xl "), "govgr-heading-xl");
+
+export var NestedToTitle = function NestedToTitle() {
+  return _ref;
+};
+export default NestedToTitle;

package/es/typography/Hint/Hint.stories.js

@@ -0,0 +1,7 @@
+import Hint from "@digigov/ui/typography/Hint";
+export default {
+  title: 'Digigov UI/typography/Hint',
+  component: Hint
+};
+export * from './__stories__/Default';
+export * from './__stories__/FontSizes';

package/es/typography/Hint/__stories__/Default.js

@@ -0,0 +1,9 @@
+import React from "react";
+import Hint from "@digigov/ui/typography/Hint";
+
+var _ref = /*#__PURE__*/React.createElement(Hint, null, " govgr-hint ");
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/es/typography/Hint/__stories__/FontSizes.js

@@ -0,0 +1,21 @@
+import React from "react";
+import Hint from "@digigov/ui/typography/Hint";
+
+var _ref = /*#__PURE__*/React.createElement(Hint, {
+  fontSize: "14"
+}, " govgr-hint ");
+
+var _ref2 = /*#__PURE__*/React.createElement(Hint, {
+  fontSize: "16"
+}, " govgr-hint ");
+
+var _ref3 = /*#__PURE__*/React.createElement(Hint, null, " govgr-hint ");
+
+var _ref4 = /*#__PURE__*/React.createElement(Hint, {
+  fontSize: "24"
+}, " govgr-hint ");
+
+export var FontSizes = function FontSizes() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4);
+};
+export default FontSizes;

package/es/typography/NormalText/NormalText.stories.js

@@ -0,0 +1,9 @@
+import NormalText from "@digigov/ui/typography/NormalText";
+export default {
+  title: 'Digigov UI/typography/NormalText',
+  component: NormalText
+};
+export * from './__stories__/Default';
+export * from './__stories__/FontSizes';
+export * from './__stories__/FontWeight';
+export * from './__stories__/Variants';

package/es/typography/NormalText/__stories__/Default.js

@@ -0,0 +1,9 @@
+import React from "react";
+import NormalText from "@digigov/ui/typography/NormalText";
+
+var _ref = /*#__PURE__*/React.createElement(NormalText, null, "govgr-normal-text");
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/es/typography/NormalText/__stories__/FontSizes.js

@@ -0,0 +1,48 @@
+import React from "react";
+import NormalText from "@digigov/ui/typography/NormalText";
+import { SectionBreak } from "@digigov/ui/core";
+
+var _ref = /*#__PURE__*/React.createElement(NormalText, {
+  fontSize: "14"
+}, " govgr-!-font-size-14 ");
+
+var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
+  fontSize: "16"
+}, " govgr-!-font-size-16 ");
+
+var _ref4 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref5 = /*#__PURE__*/React.createElement(NormalText, {
+  fontSize: "19"
+}, " govgr-!-font-size-19 ");
+
+var _ref6 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref7 = /*#__PURE__*/React.createElement(NormalText, {
+  fontSize: "24"
+}, " govgr-!-font-size-24 ");
+
+var _ref8 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref9 = /*#__PURE__*/React.createElement(NormalText, {
+  fontSize: "30"
+}, " govgr-!-font-size-30 ");
+
+var _ref10 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref11 = /*#__PURE__*/React.createElement(NormalText, {
+  fontSize: "48"
+}, " govgr-!-font-size-48 ");
+
+var _ref12 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref13 = /*#__PURE__*/React.createElement(NormalText, {
+  fontSize: "72"
+}, " govgr-!-font-size-72 ");
+
+export var FontSizes = function FontSizes() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13);
+};
+export default FontSizes;

package/es/typography/NormalText/__stories__/FontWeight.js

@@ -0,0 +1,18 @@
+import React from "react";
+import NormalText from "@digigov/ui/typography/NormalText";
+import { SectionBreak } from "@digigov/ui/core";
+
+var _ref = /*#__PURE__*/React.createElement(NormalText, {
+  fontWeight: "regular"
+}, " govgr-!-font-weight-regular ");
+
+var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
+  fontWeight: "bold"
+}, " govgr-!-font-weight-bold ");
+
+export var fontWeight = function fontWeight() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3);
+};
+export default fontWeight;

package/es/typography/NormalText/__stories__/Variants.js

@@ -0,0 +1,18 @@
+import React from "react";
+import NormalText from "@digigov/ui/typography/NormalText";
+import { SectionBreak } from "@digigov/ui/core";
+
+var _ref = /*#__PURE__*/React.createElement(NormalText, {
+  variant: "small"
+}, " govgr-variant-small ");
+
+var _ref2 = /*#__PURE__*/React.createElement(SectionBreak, null);
+
+var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
+  variant: "lead"
+}, " govgr-variant-lead ");
+
+export var Variants = function Variants() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3);
+};
+export default Variants;

package/es/typography/Paragraph/Paragraph.stories.js

@@ -0,0 +1,10 @@
+import Paragraph from "@digigov/ui/typography/Paragraph";
+export default {
+  title: 'Digigov UI/typography/Paragraph',
+  component: Paragraph
+};
+export * from './__stories__/Default';
+export * from './__stories__/LeadVariant';
+export * from './__stories__/SmallVariant';
+export * from './__stories__/FontSizes';
+export * from './__stories__/FontWeight';

package/es/typography/Paragraph/__stories__/Default.js

@@ -0,0 +1,9 @@
+import React from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "govgr-body");
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/es/typography/Paragraph/__stories__/FontSizes.js

@@ -0,0 +1,35 @@
+import React from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, {
+  fontSize: "14"
+}, " govgr-!-font-size-14 ");
+
+var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
+  fontSize: "16"
+}, " govgr-!-font-size-16 ");
+
+var _ref3 = /*#__PURE__*/React.createElement(Paragraph, {
+  fontSize: "19"
+}, " govgr-!-font-size-19 ");
+
+var _ref4 = /*#__PURE__*/React.createElement(Paragraph, {
+  fontSize: "24"
+}, " govgr-!-font-size-24 ");
+
+var _ref5 = /*#__PURE__*/React.createElement(Paragraph, {
+  fontSize: "30"
+}, " govgr-!-font-size-30 ");
+
+var _ref6 = /*#__PURE__*/React.createElement(Paragraph, {
+  fontSize: "48"
+}, " govgr-!-font-size-48 ");
+
+var _ref7 = /*#__PURE__*/React.createElement(Paragraph, {
+  fontSize: "72"
+}, " govgr-!-font-size-72 ");
+
+export var FontSizes = function FontSizes() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7);
+};
+export default FontSizes;

package/es/typography/Paragraph/__stories__/FontWeight.js

@@ -0,0 +1,15 @@
+import React from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, {
+  fontWeight: "regular"
+}, " govgr-!-font-weight-regular ");
+
+var _ref2 = /*#__PURE__*/React.createElement(Paragraph, {
+  fontWeight: "bold"
+}, " govgr-!-font-weight-bold ");
+
+export var fontWeight = function fontWeight() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2);
+};
+export default fontWeight;

package/es/typography/Paragraph/__stories__/LeadVariant.js

@@ -0,0 +1,11 @@
+import React from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, {
+  variant: "lead"
+}, "govgr-body");
+
+export var LeadVariant = function LeadVariant() {
+  return _ref;
+};
+export default LeadVariant;

package/es/typography/Paragraph/__stories__/SmallVariant.js

@@ -0,0 +1,11 @@
+import React from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, {
+  variant: "small"
+}, "govgr-body");
+
+export var SmallVariant = function SmallVariant() {
+  return _ref;
+};
+export default SmallVariant;

package/es/typography/Title/Title.stories.js

@@ -0,0 +1,6 @@
+import Title from "@digigov/ui/typography/Title";
+export default {
+  title: 'Digigov UI/typography/Title',
+  component: Title
+};
+export * from './__stories__/Default';

package/es/typography/Title/__stories__/Default.js

@@ -0,0 +1,24 @@
+import React from "react";
+import Title from "@digigov/ui/typography/Title";
+
+var _ref = /*#__PURE__*/React.createElement(Title, null, " govgr-heading-xl ");
+
+var _ref2 = /*#__PURE__*/React.createElement(Title, {
+  size: "lg",
+  element: "h2"
+}, " govgr-heading-lg ");
+
+var _ref3 = /*#__PURE__*/React.createElement(Title, {
+  size: "md",
+  element: "h3"
+}, " govgr-heading-md ");
+
+var _ref4 = /*#__PURE__*/React.createElement(Title, {
+  size: "sm",
+  element: "h4"
+}, " govgr-heading-sm ");
+
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4);
+};
+export default Default;

package/esm/admin/CircularProgress/CircularProgress.stories.js

@@ -0,0 +1,6 @@
+import CircularProgress from "@digigov/ui/admin";
+export default {
+  title: 'Digigov UI/admin/CircularProgress',
+  component: CircularProgress
+};
+export * from './__stories__/Default';

package/esm/admin/CircularProgress/__stories__/Default.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import FullPageBackground from '@digigov/ui/admin/FullPageBackground';
+import LoaderContainer from '@digigov/ui/admin/LoaderContainer';
+import CircularProgress from '@digigov/ui/admin/CircularProgress';
+
+var _ref = /*#__PURE__*/React.createElement(FullPageBackground, null, /*#__PURE__*/React.createElement(LoaderContainer, null, /*#__PURE__*/React.createElement(CircularProgress, null)));
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/esm/admin/Drawer/Drawer.stories.js

@@ -0,0 +1,6 @@
+import Drawer from '@digigov/ui/admin/Drawer';
+export default {
+  title: 'Digigov UI/admin/Drawer',
+  component: Drawer
+};
+export * from '@digigov/ui/admin/Drawer/__stories__/Default';

package/esm/admin/Drawer/__stories__/Default.js

@@ -0,0 +1,83 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import Drawer from '@digigov/ui/admin/Drawer';
+import { List, ListItem, BurgerIcon } from '@digigov/react-core';
+import { Button, Title } from '@digigov/ui';
+import { AdminAside, AdminContainer, AdminLayout, AdminMain, AdminTopSection, AdminHeader, AdminHeaderSection, DrawerHeading } from '@digigov/react-extensions/admin/';
+import { GovGRLogo } from '@digigov/react-core';
+import { Card, CardHeading, CardText } from '@digigov/react-core';
+import Grid from '@digigov/react-core/Grid';
+import GovGRFooter from '@digigov/ui/govgr/Footer';
+
+var _ref = /*#__PURE__*/React.createElement(GovGRLogo, null);
+
+var _ref2 = /*#__PURE__*/React.createElement(BurgerIcon, null);
+
+var _ref3 = /*#__PURE__*/React.createElement(AdminTopSection, null);
+
+var _ref4 = /*#__PURE__*/React.createElement(Title, {
+  size: "md"
+}, "Menu");
+
+var _ref5 = /*#__PURE__*/React.createElement(List, {
+  spaced: true
+}, /*#__PURE__*/React.createElement(ListItem, null, "Menu option 1"), /*#__PURE__*/React.createElement(ListItem, null, "Menu option 2"));
+
+var _ref6 = /*#__PURE__*/React.createElement(AdminMain, null, /*#__PURE__*/React.createElement(Grid, {
+  container: true,
+  spacing: 4
+}, /*#__PURE__*/React.createElement(Grid, {
+  item: true,
+  xs: 12,
+  lg: 6
+}, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeading, null, "This is a Card"), /*#__PURE__*/React.createElement(CardText, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))), /*#__PURE__*/React.createElement(Grid, {
+  item: true,
+  xs: 12,
+  lg: 6
+}, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeading, null, "This is a Card"), /*#__PURE__*/React.createElement(CardText, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))), /*#__PURE__*/React.createElement(Grid, {
+  item: true,
+  xs: 12,
+  lg: 6
+}, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeading, null, "This is a Card"), /*#__PURE__*/React.createElement(CardText, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))), /*#__PURE__*/React.createElement(Grid, {
+  item: true,
+  xs: 12,
+  lg: 6
+}, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeading, null, "This is a Card"), /*#__PURE__*/React.createElement(CardText, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))));
+
+var _ref7 = /*#__PURE__*/React.createElement(GovGRFooter, null);
+
+export var Default = function Default() {
+  function useDrawer() {
+    var _useState = useState(true),
+        _useState2 = _slicedToArray(_useState, 2),
+        open = _useState2[0],
+        setOpen = _useState2[1];
+
+    function toggleDrawer() {
+      setOpen(!open);
+    }
+
+    return [open, toggleDrawer];
+  }
+
+  var _useDrawer = useDrawer(),
+      _useDrawer2 = _slicedToArray(_useDrawer, 2),
+      open = _useDrawer2[0],
+      toggleDrawer = _useDrawer2[1];
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(AdminHeader, null, /*#__PURE__*/React.createElement(AdminHeaderSection, null, _ref, /*#__PURE__*/React.createElement(Button, {
+    className: "govgr-drawer__burger-icon",
+    onClick: function onClick() {
+      return toggleDrawer();
+    },
+    color: "secondary"
+  }, _ref2))), /*#__PURE__*/React.createElement(AdminContainer, null, _ref3, /*#__PURE__*/React.createElement(AdminAside, null, /*#__PURE__*/React.createElement(Drawer, {
+    direction: "left",
+    open: open
+  }, /*#__PURE__*/React.createElement(DrawerHeading, {
+    onClick: function onClick() {
+      return toggleDrawer();
+    }
+  }, _ref4), _ref5)), _ref6), _ref7));
+};
+export default Default;