@digigov/ui 0.21.0 → 0.21.3

package/esm/app/Confirmation/__stories__/Default.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Confirmation, { ConfirmationTitle, ConfirmationBody } from '@digigov/ui/app/Confirmation';
+
+var _ref = /*#__PURE__*/React.createElement(Confirmation, null, /*#__PURE__*/React.createElement(ConfirmationTitle, null, "\u0397 \u03C6\u03CC\u03C1\u03BC\u03B1 \u03C5\u03C0\u03BF\u03B2\u03BB\u03AE\u03B8\u03B7\u03BA\u03B5 \u03B5\u03C0\u03B9\u03C4\u03C5\u03C7\u03CE\u03C2"), /*#__PURE__*/React.createElement(ConfirmationBody, null, "\u039F \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u03B5\u03B3\u03B3\u03C1\u03AC\u03C6\u03BF\u03C5 ", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("strong", null, "HDJ2123F")));
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/esm/app/Confirmation/index.js

@@ -1,3 +1,5 @@
-export * from '@digigov/react-core/Confirmation';
-export * from '@digigov/react-core/ConfirmationBody';
-export * from '@digigov/react-core/ConfirmationTitle';
+import Confirmation from '@digigov/react-core/Confirmation';
+import ConfirmationBody from '@digigov/react-core/ConfirmationBody';
+import ConfirmationTitle from '@digigov/react-core/ConfirmationTitle';
+export default Confirmation;
+export { ConfirmationBody, ConfirmationTitle };

package/esm/app/CopyToClipboard/CopyToClipboard.stories.js

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

package/esm/app/CopyToClipboard/__stories__/Default.js

@@ -0,0 +1,118 @@
+import React from 'react';
+import CopyToClipboard from '@digigov/ui/app/CopyToClipboard';
+import { AdminAside, AdminContainer, AdminLayout, AdminMain, AdminTopSection, AdminHeader, AdminHeaderSection, Dropdown, DropdownButton, DropdownContent } from '@digigov/react-extensions/admin/';
+import { MoreVertIcon, NavVertical, NavVerticalItem } from '@digigov/react-core';
+import { Accordion, AccordionItem, AccordionSectionSummary, AccordionSectionSummaryHeading } from '@digigov/ui/core/Accordion';
+import { SummaryList, SummaryListItem, SummaryListItemKey, SummaryListItemValue, SummaryListItemAction, Button, BackButton, ButtonGroup } from '@digigov/ui';
+import { HeaderContent, HeaderTitle, HeaderSubtitle, SectionBreak } from '@digigov/ui';
+import Title from '@digigov/ui/typography/Title';
+import Paragraph from '@digigov/ui/typography/Paragraph';
+import GovGRFooter from '@digigov/ui/govgr/Footer';
+import GovGRLogo from '@digigov/ui/govgr/Logo';
+import Grid from '@digigov/ui/layouts/Grid';
+var fields = [{
+  name: 'Θέμα',
+  value: 'Αίτηση Ληξιαρχικής Πράξης Γάμου'
+}, {
+  name: 'Ημερομηνία',
+  value: '09/03/2002 14:54:36'
+}, {
+  name: 'Κωδικός επαλήθευσης',
+  value: 'NdH-EYREW1yd1LUhEOssx4A',
+  actions: ['Προβολή', 'Αντιγραφή συνδέσμου']
+}, {
+  name: 'Κατάσταση',
+  value: 'Εισερχόμενη',
+  actions: ['Αλλάγή']
+}, {
+  name: 'Χειριστής',
+  value: 'Δεν έχει οριστεί χειριστής',
+  actions: ['Ανάθεση']
+}];
+
+var _ref = /*#__PURE__*/React.createElement(AdminHeader, null, /*#__PURE__*/React.createElement(AdminHeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(GovGRLogo, null), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u0398\u03C5\u03C1\u03AF\u03B4\u03B5\u03C2")), /*#__PURE__*/React.createElement(HeaderSubtitle, null, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(DropdownButton, {
+  variant: "link"
+}, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF \u03C9\u03C2 \u039A\u03B1\u03BB\u03BB\u03B9\u03CC\u03C0\u03B7 \u03A0\u03B1\u03C0\u03B1\u03B4\u03BF\u03C0\u03BF\u03CD\u03BB\u03BF\u03C5", /*#__PURE__*/React.createElement(MoreVertIcon, null)), /*#__PURE__*/React.createElement(DropdownContent, null, /*#__PURE__*/React.createElement(NavVertical, null, /*#__PURE__*/React.createElement(NavVerticalItem, {
+  href: "#"
+}, "\u0395\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1"), /*#__PURE__*/React.createElement(NavVerticalItem, {
+  href: "#"
+}, "\u039C\u03B5\u03C4\u03B1\u03BA\u03AF\u03BD\u03B7\u03C3\u03B7"), /*#__PURE__*/React.createElement(NavVerticalItem, {
+  href: "#"
+}, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03B4\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE")))))));
+
+var _ref2 = /*#__PURE__*/React.createElement(Grid, {
+  item: true,
+  md: 3,
+  lg: 2
+}, /*#__PURE__*/React.createElement(AdminAside, null, /*#__PURE__*/React.createElement(AdminTopSection, null, /*#__PURE__*/React.createElement(BackButton, null, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE \u03B8\u03C5\u03C1\u03AF\u03B4\u03B1\u03C2"), /*#__PURE__*/React.createElement(Title, {
+  size: "sm"
+}, "\u039A\u0395\u03A0/\u0396\u0391\u039A\u03A5\u039D\u0398\u039F\u03A5 [\u0396\u0391\u039A\u03A5\u039D\u0398\u0399\u03A9\u039D]"), /*#__PURE__*/React.createElement(Paragraph, null, "\u039A\u0395\u03A0/\u0396\u0391\u039A\u03A5\u039D\u0398\u039F\u03A5 [\u0396\u0391\u039A\u03A5\u039D\u0398\u0399\u03A9\u039D]")), /*#__PURE__*/React.createElement(SectionBreak, {
+  visible: true,
+  size: "m"
+}), /*#__PURE__*/React.createElement(Button, null, "\u039D\u03AD\u03B1 \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7"), /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItem, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u03A5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2"))), /*#__PURE__*/React.createElement(AccordionItem, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03B1\u03C7\u03B5\u03AF\u03C1\u03B9\u03C3\u03B7")), /*#__PURE__*/React.createElement(NavVertical, null, /*#__PURE__*/React.createElement(NavVerticalItem, null, "\u03A7\u03C1\u03AE\u03C3\u03C4\u03B5\u03C2"), /*#__PURE__*/React.createElement(NavVerticalItem, null, "\u0391\u03B9\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1"))))));
+
+var _ref3 = /*#__PURE__*/React.createElement(Title, {
+  size: "xl"
+}, "# \u03A5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7 4");
+
+var _ref4 = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(CopyToClipboard, {
+  text: "AAABBBFFFLLL",
+  variant: "tooltip",
+  message: "text successfuly copied!"
+}, /*#__PURE__*/React.createElement(Button, null, "\u0391\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7")), /*#__PURE__*/React.createElement(Button, {
+  color: "secondary"
+}, "\u0391\u03C0\u03BF\u03C3\u03C4\u03BF\u03BB\u03AE"), /*#__PURE__*/React.createElement(Button, {
+  color: "secondary"
+}, "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7"));
+
+var _ref5 = /*#__PURE__*/React.createElement(Grid, {
+  item: true,
+  xs: 12
+}, /*#__PURE__*/React.createElement(CopyToClipboard, {
+  text: "AAABBBFFFLLL",
+  variant: "banner",
+  message: "text successfuly copied!"
+}, /*#__PURE__*/React.createElement(Button, {
+  color: "secondary"
+}, "Banner example")));
+
+var _ref6 = /*#__PURE__*/React.createElement(Grid, {
+  item: true,
+  xs: 12
+}, /*#__PURE__*/React.createElement(CopyToClipboard, {
+  text: "AAABBBFFFLLL",
+  variant: "tooltip",
+  message: "text successfuly copied!"
+}, /*#__PURE__*/React.createElement(Button, {
+  color: "secondary"
+}, "Tooltip example")));
+
+var _ref7 = /*#__PURE__*/React.createElement(GovGRFooter, null);
+
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminLayout, null, _ref, /*#__PURE__*/React.createElement(AdminContainer, null, _ref2, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    md: 9,
+    lg: 10
+  }, /*#__PURE__*/React.createElement(AdminMain, null, /*#__PURE__*/React.createElement(Grid, {
+    container: true,
+    spacing: 4
+  }, /*#__PURE__*/React.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, _ref3, _ref4, /*#__PURE__*/React.createElement(SummaryList, null, fields && fields.map(function (field, index) {
+    return /*#__PURE__*/React.createElement(SummaryListItem, {
+      key: index
+    }, /*#__PURE__*/React.createElement(SummaryListItemKey, null, field.name), /*#__PURE__*/React.createElement(SummaryListItemValue, null, field.value), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, field.actions && field.actions.map(function (action, subIndex) {
+      return /*#__PURE__*/React.createElement(CopyToClipboard, {
+        text: "MMMNNNKKKO",
+        variant: "tooltip",
+        key: subIndex
+      }, /*#__PURE__*/React.createElement(Button, {
+        key: subIndex,
+        variant: "link"
+      }, action));
+    }))));
+  }))), _ref5, _ref6)))), _ref7));
+};
+export default Default;

package/esm/app/CopyToClipboard/index.js

@@ -0,0 +1,45 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import CopyToClipboardContainer from '@digigov/react-extensions/admin/CopyToClipboardContainer';
+import CopyToClipboardMessage from '@digigov/react-extensions/admin/CopyToClipboardMessage';
+import NormalText from '@digigov/ui/typography/NormalText';
+import { useTranslation } from '@digigov/ui/app';
+export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipboard(_ref, ref) {
+  var text = _ref.text,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'tooltip' : _ref$variant,
+      message = _ref.message,
+      children = _ref.children;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      enabled = _useState2[0],
+      setEnabled = _useState2[1];
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  useEffect(function () {
+    var timeout = setTimeout(function () {
+      if (enabled) setEnabled(false);
+    }, 3000);
+    return function () {
+      return clearTimeout(timeout);
+    };
+  }, [enabled]);
+
+  function copyToClipboard() {
+    navigator.clipboard.writeText(text);
+    setEnabled(true);
+  }
+
+  return /*#__PURE__*/React.createElement(CopyToClipboardContainer, {
+    onClick: copyToClipboard,
+    variant: variant,
+    ref: ref
+  }, children, enabled && /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
+    variant: variant,
+    enabled: enabled
+  }, /*#__PURE__*/React.createElement(NormalText, null, message || t('copy-to-clipboard.message'))));
+});
+export default CopyToClipboard;

package/esm/app/Footer/Footer.stories.js

@@ -0,0 +1,11 @@
+/* eslint-disable digigov/no-relative-imports */
+import Footer from '@digigov/ui/app';
+export default {
+  title: 'Digigov UI/app/Footer',
+  component: Footer
+};
+export * from './__stories__/Default';
+export * from './__stories__/FooterWithLogo';
+export * from './__stories__/FooterWithLink';
+export * from './__stories__/FooterWithSecondaryNavigation';
+export * from './__stories__/FooterAllInclusive';

package/esm/app/Footer/__stories__/Default.js

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

package/esm/app/Footer/__stories__/FooterAllInclusive.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import Footer from '@digigov/ui/govgr/Footer';
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import { FooterMeta, FooterMetaItem, FooterContent, FooterNavigation, FooterSection, FooterHeading, FooterList, FooterListItem, FooterLink, VisuallyHidden, FooterInlineList, FooterInlineListItem, FooterContentLogos, FooterImage } from '@digigov/react-core';
+import Link from '@digigov/ui/core/Link';
+import { SectionBreak } from '@digigov/ui';
+
+var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterNavigation, null, /*#__PURE__*/React.createElement(FooterSection, null, /*#__PURE__*/React.createElement(FooterHeading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03BC\u03B5\u03BD\u03BF\u03CD"), /*#__PURE__*/React.createElement(FooterList, {
+  columns: 2
+}, /*#__PURE__*/React.createElement(FooterListItem, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterListItem, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")))), /*#__PURE__*/React.createElement(FooterSection, null, /*#__PURE__*/React.createElement(FooterHeading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AC\u03BB\u03BB\u03BF \u03BC\u03B5\u03BD\u03BF\u03CD"), /*#__PURE__*/React.createElement(FooterList, null, /*#__PURE__*/React.createElement(FooterListItem, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"))))), /*#__PURE__*/React.createElement(SectionBreak, {
+  size: "m"
+}), /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, {
+  grow: true
+}, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterInlineList, null, /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(FooterContentLogos, null, /*#__PURE__*/React.createElement(FooterImage, {
+  src: "https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png"
+}), /*#__PURE__*/React.createElement(FooterImage, {
+  src: "https://grnet.gr/wp-content/uploads/sites/13/2016/04/GRNET_Logo_Transparent-e1431694322566-1.png"
+})), /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://grnet.gr/",
+  target: "_blank"
+}, ' ', "\u0395\u0394\u03A5\u03A4\u0395", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://mindigital.gr/",
+  target: "_blank"
+}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)"))))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
+
+export var FooterAllInclusive = function FooterAllInclusive() {
+  return _ref;
+};
+export default FooterAllInclusive;

package/esm/app/Footer/__stories__/FooterWithLink.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import Footer from '@digigov/ui/govgr/Footer';
+import { FooterMeta, FooterMetaItem, FooterContent, FooterInlineList, FooterInlineListItem, FooterLink, VisuallyHidden } from '@digigov/react-core';
+import Link from '@digigov/ui/core/Link';
+
+var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, {
+  grow: true
+}, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/React.createElement(FooterInlineList, null, /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
+  href: "#"
+}, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterInlineListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://grnet.gr/",
+  target: "_blank"
+}, ' ', "\u0395\u0394\u03A5\u03A4\u0395", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://mindigital.gr/",
+  target: "_blank"
+}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)"))))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
+
+export var FooterWithLink = function FooterWithLink() {
+  return _ref;
+};
+export default FooterWithLink;

package/esm/app/Footer/__stories__/FooterWithLogo.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import Footer from '@digigov/ui/govgr/Footer';
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import { FooterMeta, FooterMetaItem, FooterContent, FooterContentLogos, FooterImage, VisuallyHidden } from '@digigov/react-core';
+import Link from '@digigov/ui/core/Link';
+
+var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(FooterContentLogos, null, /*#__PURE__*/React.createElement(FooterImage, {
+  src: "https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png"
+}), /*#__PURE__*/React.createElement(FooterImage, {
+  src: "https://grnet.gr/wp-content/uploads/sites/13/2016/04/GRNET_Logo_Transparent-e1431694322566-1.png"
+})), /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://grnet.gr/",
+  target: "_blank"
+}, ' ', "\u0395\u0394\u03A5\u03A4\u0395", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://mindigital.gr/",
+  target: "_blank"
+}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)"))))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
+
+export var FooterWithLogo = function FooterWithLogo() {
+  return _ref;
+};
+export default FooterWithLogo;

package/esm/app/Footer/__stories__/FooterWithSecondaryNavigation.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import Footer from '@digigov/ui/govgr/Footer';
+import Copyright from '@digigov/ui/govgr/Footer/Copyright';
+import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';
+import { FooterMeta, FooterMetaItem, FooterContent, FooterNavigation, FooterSection, FooterHeading, FooterList, FooterListItem, FooterLink, VisuallyHidden } from '@digigov/react-core';
+import Link from '@digigov/ui/core/Link';
+import { SectionBreak } from '@digigov/ui';
+
+var _ref = /*#__PURE__*/React.createElement(Footer, null, /*#__PURE__*/React.createElement(FooterNavigation, null, /*#__PURE__*/React.createElement(FooterSection, null, /*#__PURE__*/React.createElement(FooterHeading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03BC\u03B5\u03BD\u03BF\u03CD"), /*#__PURE__*/React.createElement(FooterList, {
+  columns: 2
+}, /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
+  href: "#"
+}, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, {
+  href: "#"
+}, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")))), /*#__PURE__*/React.createElement(FooterSection, null, /*#__PURE__*/React.createElement(FooterHeading, {
+  size: "m"
+}, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AC\u03BB\u03BB\u03BF \u03BC\u03B5\u03BD\u03BF\u03CD size m"), /*#__PURE__*/React.createElement(FooterList, null, /*#__PURE__*/React.createElement(FooterListItem, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"), /*#__PURE__*/React.createElement(FooterListItem, null, /*#__PURE__*/React.createElement(FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"))))), /*#__PURE__*/React.createElement(SectionBreak, {
+  size: "m"
+}), /*#__PURE__*/React.createElement(FooterMeta, null, /*#__PURE__*/React.createElement(FooterMetaItem, {
+  grow: true
+}, /*#__PURE__*/React.createElement(FooterContent, null, /*#__PURE__*/React.createElement(Copyright, null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://grnet.gr/",
+  target: "_blank"
+}, ' ', "\u0395\u0394\u03A5\u03A4\u0395", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)")), ' ', "\u03B3\u03B9\u03B1 \u03C4\u03BF", ' ', /*#__PURE__*/React.createElement(Link, {
+  href: "https://mindigital.gr/",
+  target: "_blank"
+}, ' ', "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", ' ', /*#__PURE__*/React.createElement(VisuallyHidden, null, "(\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)"))))), /*#__PURE__*/React.createElement(FooterMetaItem, null, /*#__PURE__*/React.createElement(HellenicRepublicLogo, null))));
+
+export var FooterWithSecondaryNavigation = function FooterWithSecondaryNavigation() {
+  return _ref;
+};
+export default FooterWithSecondaryNavigation;

package/esm/app/NotFound/NotFound.stories.js

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

package/esm/app/NotFound/__stories__/Default.js

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

package/esm/app/PhaseBannerHeader/PhaseBannerHeader.stories.js

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

package/esm/app/PhaseBannerHeader/__stories__/Default.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import PhaseBannerHeader from '@digigov/ui/app/PhaseBannerHeader';
+
+var _ref = /*#__PURE__*/React.createElement(PhaseBannerHeader, {
+  tag: "ALPHA",
+  text: "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03AC \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."
+});
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/esm/app/QrCodeScanner/QrCodeScanner.stories.js

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

package/esm/app/QrCodeScanner/__stories__/Default.js

@@ -0,0 +1,52 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { Suspense, useState } from 'react';
+import QrCodeScanner from '@digigov/ui/app/QrCodeScanner';
+import Title from '@digigov/ui/typography/Title';
+import ErrorSummary from '@digigov/ui/core/ErrorSummary';
+
+var _ref = /*#__PURE__*/React.createElement("div", null, "Loading...");
+
+export var Default = function Default() {
+  var _useState = useState({
+    message: ''
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  var validate = function validate(rawData) {
+    var url = new URL(rawData);
+    return url.origin === window.location.origin;
+  };
+
+  var handleScan = function handleScan(data) {
+    if (data) {
+      var url = new URL(data);
+      setError({
+        message: ''
+      });
+      alert('The page will navigate to ' + url.pathname); // or you can use the router to redirect like so:
+      // eg. router.push(url.pathname);
+    }
+  };
+
+  var handleError = function handleError() {
+    setError({
+      message: 'scan.data_error'
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(Suspense, {
+    fallback: _ref
+  }, /*#__PURE__*/React.createElement(QrCodeScanner, {
+    style: {
+      maxWidth: '400px'
+    },
+    validate: validate,
+    onScan: handleScan,
+    onError: handleError
+  }, error.message && /*#__PURE__*/React.createElement(ErrorSummary, null, /*#__PURE__*/React.createElement(Title, {
+    size: "sm"
+  }, error.message))));
+};
+export default Default;

package/esm/app/QrCodeScanner/index.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children", "validate", "onScan", "onError", "dataType", "legacyMode"];
 import React from 'react';
 var QrReader = /*#__PURE__*/React.lazy(function () {
   return import('react-qr-reader');
@@ -29,7 +32,8 @@ export var QrCodeScanner = function QrCodeScanner(_ref) {
       _ref$dataType = _ref.dataType,
       dataType = _ref$dataType === void 0 ? 'url' : _ref$dataType,
       _ref$legacyMode = _ref.legacyMode,
-      legacyMode = _ref$legacyMode === void 0 ? false : _ref$legacyMode;
+      legacyMode = _ref$legacyMode === void 0 ? false : _ref$legacyMode,
+      props = _objectWithoutProperties(_ref, _excluded);
 
   if (dataType === 'text') {
     console.warn("Security Warning! The `text` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the `onScan` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n");
@@ -53,12 +57,12 @@ export var QrCodeScanner = function QrCodeScanner(_ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(QrReader, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(QrReader, _extends({
     className: className,
     delay: 100,
     onError: onError,
     onScan: handleOnScan,
     legacyMode: legacyMode
-  }), children);
+  }, props)), children);
 };
 export default QrCodeScanner;

package/esm/app/index.js

@@ -4,5 +4,4 @@ export * from '@digigov/ui/app/QrCodeScanner';
 export * from '@digigov/ui/app/Header';
 export * from '@digigov/ui/app/i18n';
 export * from '@digigov/ui/app/I18nText';
-export * from '@digigov/ui/app/CopyToClipboard';
 export * from '@digigov/ui/app/PhaseBannerHeader';

package/esm/core/Accordion/Accordion.stories.js

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

package/esm/core/Accordion/__stories__/Default.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Accordion, { AccordionSection, AccordionSectionContent, AccordionSectionSummary, AccordionSectionSummaryHeading } from '@digigov/ui/core/Accordion';
+import Paragraph from '@digigov/ui/typography/Paragraph';
+import Link from '@digigov/ui/core/Link';
+import List, { ListItem } from '@digigov/ui/core/List';
+
+var _ref = /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B1\u03B8\u03AD\u03C3\u03B9\u03BC\u03B7 \u03BA\u03B1\u03B9 \u03B5\u03BD\u03B5\u03C1\u03B3\u03AE \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03AC \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B5\u03BE\u03CE\u03B4\u03B9\u03BA\u03B7\u03C2 \u03B1\u03BD\u03B1\u03B3\u03BD\u03CE\u03C1\u03B9\u03C3\u03B7\u03C2 \u03B1\u03C0\u03B1\u03B9\u03C4\u03AE\u03C3\u03B5\u03C9\u03BD / \u03C3\u03C5\u03BC\u03B2\u03B9\u03B2\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03B5\u03C0\u03AF\u03BB\u03C5\u03C3\u03B7\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03CE\u03BD \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2, \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03B9\u03BF\u03C0\u03BF\u03B9\u03B7\u03BC\u03AD\u03BD\u03B5\u03C2 \u03C3\u03B5 \u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03B9\u03CE\u03BD."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03BD\u03B9\u03B1\u03AF\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03C6\u03B5\u03C1\u03B5\u03B3\u03B3\u03C5\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B1\u03C0\u03BF\u03C6\u03AC\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03BA\u03CC\u03B3\u03C1\u03B1\u03C6\u03B1")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0391\u03BD\u03C4\u03AF\u03B3\u03C1\u03B1\u03C6\u03BF \u03C0\u03C1\u03B1\u03BA\u03C4\u03B9\u03BA\u03CE\u03BD \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD (\u03A0\u03BF\u03BB\u03B9\u03C4\u03B9\u03BA\u03AC / \u03A0\u03BF\u03B9\u03BD\u03B9\u03BA\u03AC \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1)"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BA\u03C1\u03AC\u03C4\u03B7\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B7\u03B8\u03B9\u03BA\u03BF\u03CD / \u03C0\u03B5\u03B9\u03B8\u03B1\u03C1\u03C7\u03B9\u03BA\u03BF\u03CD \u03B5\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD"))))));
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/esm/core/Accordion/__stories__/WithHints.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Accordion, { AccordionSection, AccordionSectionContent, AccordionSectionSummary, AccordionSectionSummaryHeading } from '@digigov/ui/core/Accordion';
+import Hint from '@digigov/ui/typography/Hint';
+import Paragraph from '@digigov/ui/typography/Paragraph';
+import Link from '@digigov/ui/core/Link';
+import List, { ListItem } from '@digigov/ui/core/List';
+
+var _ref = /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u03B4\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF"), /*#__PURE__*/React.createElement(Hint, null, "\u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03BA\u03B1\u03B9 \u03B5\u03BE\u03C9\u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF, \u03B5\u03BA\u03BA\u03B1\u03B8\u03AC\u03C1\u03B9\u03C3\u03B7 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03CE\u03BD \u03B4\u03B1\u03C0\u03B1\u03BD\u03CE\u03BD \u03BA.\u03AC.")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B1\u03B8\u03AD\u03C3\u03B9\u03BC\u03B7 \u03BA\u03B1\u03B9 \u03B5\u03BD\u03B5\u03C1\u03B3\u03AE \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03AC \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0391\u03AF\u03C4\u03B7\u03C3\u03B7 \u03B5\u03BE\u03CE\u03B4\u03B9\u03BA\u03B7\u03C2 \u03B1\u03BD\u03B1\u03B3\u03BD\u03CE\u03C1\u03B9\u03C3\u03B7\u03C2 \u03B1\u03C0\u03B1\u03B9\u03C4\u03AE\u03C3\u03B5\u03C9\u03BD / \u03C3\u03C5\u03BC\u03B2\u03B9\u03B2\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03B5\u03C0\u03AF\u03BB\u03C5\u03C3\u03B7\u03C2 \u03B4\u03B9\u03B1\u03C6\u03BF\u03C1\u03CE\u03BD \u03BC\u03B5 \u03C4\u03BF \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03BF"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD, \u03C0\u03B1\u03C1\u03B1\u03BA\u03BF\u03BB\u03BF\u03CD\u03B8\u03B7\u03C3\u03B7 \u03C5\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03C9\u03BD \u03BA.\u03AC.")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2, \u03BA\u03B1\u03C4\u03B7\u03B3\u03BF\u03C1\u03B9\u03BF\u03C0\u03BF\u03B9\u03B7\u03BC\u03AD\u03BD\u03B5\u03C2 \u03C3\u03B5 \u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03B9\u03CE\u03BD."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03BD\u03B9\u03B1\u03AF\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03CC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AE\u03C2 \u03C6\u03B5\u03C1\u03B5\u03B3\u03B3\u03C5\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AD\u03C2 \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B9\u03BA\u03AD\u03C2 \u03B1\u03C0\u03BF\u03C6\u03AC\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u03A0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC \u03B4\u03B9\u03BA\u03B1\u03C3\u03C4\u03B7\u03C1\u03AF\u03C9\u03BD"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u0394\u03B9\u03BA\u03CC\u03B3\u03C1\u03B1\u03C6\u03B1"), /*#__PURE__*/React.createElement(Hint, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0391\u03BD\u03C4\u03AF\u03B3\u03C1\u03B1\u03C6\u03BF \u03C0\u03C1\u03B1\u03BA\u03C4\u03B9\u03BA\u03CE\u03BD \u03C5\u03C0\u03CC\u03B8\u03B5\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0397\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03BA\u03B1\u03C4\u03AC\u03B8\u03B5\u03C3\u03B7 \u03B4\u03B9\u03BA\u03BF\u03B3\u03C1\u03AC\u03C6\u03C9\u03BD (\u03A0\u03BF\u03BB\u03B9\u03C4\u03B9\u03BA\u03AC / \u03A0\u03BF\u03B9\u03BD\u03B9\u03BA\u03AC \u0394\u03B9\u03BA\u03B1\u03C3\u03C4\u03AE\u03C1\u03B9\u03B1)"))))), /*#__PURE__*/React.createElement(AccordionSection, null, /*#__PURE__*/React.createElement(AccordionSectionSummary, null, /*#__PURE__*/React.createElement(AccordionSectionSummaryHeading, null, "\u039A\u03B1\u03C4\u03B1\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03B1 \u03BA\u03C1\u03AC\u03C4\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u0395\u03C0\u03B1\u03BD\u03AD\u03BD\u03C4\u03B1\u03BE\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD, \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03B9\u03B7\u03C4\u03B9\u03BA\u03AC, \u03B5\u03C0\u03B9\u03C3\u03BA\u03B5\u03C0\u03C4\u03AE\u03C1\u03B9\u03B1 \u03BA.\u03AC.")), /*#__PURE__*/React.createElement(AccordionSectionContent, null, /*#__PURE__*/React.createElement(Paragraph, null, "\u03A3\u03C4\u03B7 \u03BB\u03AF\u03C3\u03C4\u03B1 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03B5\u03AF\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2 \u03C0\u03BF\u03C5 \u03B1\u03C6\u03BF\u03C1\u03BF\u03CD\u03BD \u03C4\u03BF \u03B5\u03C0\u03B9\u03BB\u03B5\u03B3\u03BC\u03AD\u03BD\u03BF \u03B3\u03B5\u03B3\u03BF\u03BD\u03CC\u03C2 \u03B6\u03C9\u03AE\u03C2."), /*#__PURE__*/React.createElement(List, null, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0392\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7 \u03B7\u03B8\u03B9\u03BA\u03BF\u03CD / \u03C0\u03B5\u03B9\u03B8\u03B1\u03C1\u03C7\u03B9\u03BA\u03BF\u03CD \u03B5\u03BB\u03AD\u03B3\u03C7\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD")), /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Link, null, "\u0395\u03BA\u03C0\u03B1\u03AF\u03B4\u03B5\u03C5\u03C3\u03B7 \u03B1\u03C0\u03BF\u03C6\u03C5\u03BB\u03B1\u03BA\u03B9\u03C3\u03BC\u03AD\u03BD\u03C9\u03BD"))))));
+
+export var WithHints = function WithHints() {
+  return _ref;
+};
+export default WithHints;

package/esm/core/BackLink/BackLink.stories.js

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

package/esm/core/BackLink/__stories__/Default.js

@@ -0,0 +1,11 @@
+import React from "react";
+import BackLink from "@digigov/ui/core/BackLink";
+
+var _ref = /*#__PURE__*/React.createElement(BackLink, {
+  href: "#"
+}, "Back");
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/esm/core/BackLink/index.js

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

package/esm/core/Blockquote/Blockquote.stories.js

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

package/esm/core/Blockquote/__stories__/Default.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import Blockquote from '@digigov/ui/core/Blockquote';
+
+var _ref = /*#__PURE__*/React.createElement(Blockquote, null, "\u0397 \u03B4\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B1 \u03AD\u03BA\u03B4\u03BF\u03C3\u03B7\u03C2 \u03C4\u03BF\u03C5 \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03B7\u03C1\u03AF\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03B4\u03B9\u03B1\u03C1\u03BA\u03AD\u03C3\u03B5\u03B9 \u03B5\u03CE\u03C2 10 \u03BC\u03AD\u03C1\u03B5\u03C2, \u03B5\u03C6\u03CC\u03C3\u03BF\u03BD \u03B7 \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7 \u03C3\u03B1\u03C2 \u03B4\u03B5\u03BD \u03AD\u03C7\u03B5\u03B9 \u03BB\u03AC\u03B8\u03B7.");
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/esm/core/Breadcrumbs/Breadcrumbs.stories.js

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