@digigov/ui 0.20.2 → 0.21.2

package/esm/app/Header/__stories__/WithServiceNameAndLogo.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Header from '@digigov/ui/app/Header';
+import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
+import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
+import HeaderLogo from '@digigov/ui/app/Header/HeaderLogo';
+import HeaderSecondaryLogo from '@digigov/ui/app/Header/HeaderSecondaryLogo';
+import HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
+
+var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderLogo, {
+  src: "https://www.gov.gr/gov_gr_logo.svg",
+  href: "#"
+}), /*#__PURE__*/React.createElement(HeaderSecondaryLogo, {
+  src: "https://dilosi.services.gov.gr/minedu-logo.svg",
+  href: "#"
+}), /*#__PURE__*/React.createElement(HeaderTitle, null, "Service name"))));
+
+export var WithServiceNameAndLogo = function WithServiceNameAndLogo() {
+  return _ref;
+};
+export default WithServiceNameAndLogo;

package/esm/app/Header/index.js

@@ -7,7 +7,7 @@ export var Header = withDeprecation(CoreHeader, {
 export * from '@digigov/ui/app/Header/HeaderTitle';
 export * from '@digigov/ui/app/Header/HeaderLogo';
 export * from '@digigov/ui/app/Header/HeaderSection';
-export * from '@digigov/react-core/HeaderContent';
-export * from '@digigov/react-core/HeaderSecondaryLogo';
-export * from '@digigov/react-core/HeaderSubtitle';
+export * from '@digigov/ui/app/Header/HeaderContent';
+export * from '@digigov/ui/app/Header/HeaderSecondaryLogo';
+export * from '@digigov/ui/app/Header/HeaderSubtitle';
 export default Header;

package/esm/app/Header/index.mdx

@@ -3,19 +3,7 @@ id: header
 title: Header
 ---
 
-```jsx live
-<Top>
-  <Header>
-    <HeaderSection xs={8}>
-      <GovGRLogo />
-      <HeaderTitle>
-        <HeaderLogo src="/entity-logo.png" />
-      </HeaderTitle>
-      <HeaderTitle>Demo</HeaderTitle>
-    </HeaderSection>
-    <HeaderSection xs={4}>
-      <NormalText>John Doe</NormalText>
-    </HeaderSection>
-  </Header>
-</Top>
-```
+<Story title="### Default" packageName="@digigov/ui" component="app/Header" story="Default.tsx" />
+<Story packageName="@digigov/ui" component="app/Header" story="WithServiceName.tsx" />
+<Story packageName="@digigov/ui" component="app/Header" story="WithServiceNameAndLogo.tsx" />
+<Story packageName="@digigov/ui" component="app/Header" story="WithNavigation.tsx" />

package/esm/app/Header/index.spec.js

@@ -8,7 +8,8 @@ import Header, { HeaderTitle, HeaderSubtitle, HeaderLogo } from '@digigov/ui/app
 
 var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderLogo, {
   src: logo,
-  href: "https://gov.gr"
+  href: "https://gov.gr",
+  altText: "govgr logo"
 }), /*#__PURE__*/React.createElement(HeaderTitle, {
   href: "/some-url"
 }, "A title"), /*#__PURE__*/React.createElement(HeaderSubtitle, null, "A subtitle"));

package/esm/app/I18nText.js

@@ -14,7 +14,6 @@ var resultTranslate = function resultTranslate(translation, children) {
 
   var childrenCloned = _toConsumableArray(children);
 
-  console.log('children cloned are', childrenCloned);
   var doc1 = parser.parseFromString("<div>".concat(translation.replace(/<([0-9])>/g, '<t$1>').replace(/<\/([0-9])>/g, '</t$1>'), "</div>"), 'application/xml');
   return recursiveReplace(childrenCloned, doc1.children[0].childNodes);
 };
@@ -31,7 +30,6 @@ var recursiveReplace = function recursiveReplace(original, translation) {
 
       if (regex.test(translation[i].textContent)) {
         var textArray = translation[i].textContent.split(' ');
-        console.log('textArray is', textArray);
 
         if (textArray.length === 1) {
           return false;

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';

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import Breadcrumbs, { BreadcrumbsList, BreadcrumbsListItem } from '@digigov/ui/core/Breadcrumbs';
+
+var _ref = /*#__PURE__*/React.createElement(Breadcrumbs, null, /*#__PURE__*/React.createElement(BreadcrumbsList, null, /*#__PURE__*/React.createElement(BreadcrumbsListItem, null, "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"), /*#__PURE__*/React.createElement(BreadcrumbsListItem, null, "\u03A5\u03B3\u03B5\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03C0\u03C1\u03CC\u03BD\u03BF\u03B9\u03B1"), /*#__PURE__*/React.createElement(BreadcrumbsListItem, null, "\u03A6\u03AC\u03BA\u03B5\u03BB\u03BF\u03C2 \u03C5\u03B3\u03B5\u03AF\u03B1\u03C2"), /*#__PURE__*/React.createElement(BreadcrumbsListItem, null, "\u0386\u03C5\u03BB\u03B7 \u03C3\u03C5\u03BD\u03C4\u03B1\u03B3\u03BF\u03B3\u03C1\u03AC\u03C6\u03B7\u03C3\u03B7")));
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/esm/core/Breadcrumbs/index.js

@@ -1,3 +1,5 @@
 export * from '@digigov/react-core/Breadcrumbs';
 export * from '@digigov/react-core/BreadcrumbsList';
-export * from '@digigov/react-core/BreadcrumbsListItem';
+export * from '@digigov/react-core/BreadcrumbsListItem';
+import Breadcrumbs from '@digigov/react-core/Breadcrumbs';
+export default Breadcrumbs;

package/esm/core/Button/Button.mdx

@@ -8,7 +8,6 @@ title: Button
 Use the button component to help users carry out an action like starting an
 application or saving their information.
 
-<Story packageName="@digigov/ui" component="core/Button" story="Primary.js" />
  
 ## How to import
 
@@ -16,9 +15,11 @@ application or saving their information.
 import Button from '@digigov/ui/core/Button';
 ``` 
 
-## How it works
+## Usage
 
-<Story packageName="@digigov/ui" component="core/Button" story="Secondary.js" />
+<Story packageName="@digigov/ui" component="core/Button" story="Primary.tsx" />
+
+<Story packageName="@digigov/ui" component="core/Button" story="Secondary.tsx" />
 
 Write button text in sentence case, describing the action it performs. For
 example:'
@@ -48,3 +49,7 @@ Use a default button for the main call to action on a page.
 Avoid using multiple default buttons on a single page. Having more than on main
 call to action reduces their impact, and makes it harder for users to know what
 to do next.
+
+## API Docs
+
+Read more about [how to use the React types](/docs/api/Button)

package/esm/core/Button/__stories__/GroupingButtonsAndLinks.js

@@ -2,22 +2,11 @@ import React from 'react';
 import Button, { ButtonGroup } from '@digigov/ui/core/Button';
 import Link from '@digigov/ui/core/Link';
 /**
- * My deescrition is the best description that was described no2
+ * My deescrition is the best description that was described
  */
 
-var _ref = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /*#__PURE__*/React.createElement(Button, {
-  color: "secondary"
-}, "\u0391\u03C0\u03BF\u03B8\u03AE\u03BA\u03B5\u03C5\u03C3\u03B7"));
-
-export var GroupingButtons = function GroupingButtons() {
-  return _ref;
-};
-/**
- * My deescrition is the best description that was described 
- */
-
-var _ref2 = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"), /*#__PURE__*/React.createElement(Link, null, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"));
+var _ref = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"), /*#__PURE__*/React.createElement(Link, null, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"));
 
 export var GroupingButtonsAndLinks = function GroupingButtonsAndLinks() {
-  return _ref2;
+  return _ref;
 };

package/esm/core/Button/__stories__/Primary.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Button from '@digigov/ui/core/Button';
 /**
- * My primary descrition is the best description that was described 
+ * My primary descrition is the best description that was described
  */
 
 var _ref = /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");

package/esm/core/Card/Card.stories.js

@@ -0,0 +1,13 @@
+import Card from '@digigov/ui/core/Card';
+export default {
+  title: 'Digigov UI/core/Card',
+  component: Card
+};
+export * from '@digigov/ui/core/Card/__stories__/Default';
+export * from '@digigov/ui/core/Card/__stories__/WithGrayBorder';
+export * from '@digigov/ui/core/Card/__stories__/WithDarkBorder';
+export * from '@digigov/ui/core/Card/__stories__/WithGrayTopBorder';
+export * from '@digigov/ui/core/Card/__stories__/WithDarkTopBorder';
+export * from '@digigov/ui/core/Card/__stories__/WithDivider';
+export * from '@digigov/ui/core/Card/__stories__/WithClickableContent';
+export * from '@digigov/ui/core/Card/__stories__/WithClickableLink';

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import Card, { CardHeading, CardText, CardAction } from '@digigov/ui/core/Card';
+import Button from '@digigov/ui/core/Button';
+
+var _ref = /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/esm/core/Card/__stories__/WithClickableContent.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import Card, { CardHeading, CardText } from '@digigov/ui/core/Card';
+import { Link } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(Card, {
+  callToAction: true
+}, /*#__PURE__*/React.createElement(CardHeading, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1")), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."));
+
+export var WithClickableContent = function WithClickableContent() {
+  return _ref;
+};
+export default WithClickableContent;

package/esm/core/Card/__stories__/WithClickableLink.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+import Button from '@digigov/ui/core/Button';
+import Link from '@digigov/ui/core/Link';
+
+var _ref = /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardHeading, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1")), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
+
+export var WithClickableLink = function WithClickableLink() {
+  return _ref;
+};
+export default WithClickableLink;

package/esm/core/Card/__stories__/WithDarkBorder.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+import Button from '@digigov/ui/core/Button';
+
+var _ref = /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  borderColor: "dark"
+}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
+
+export var WithDarkBorder = function WithDarkBorder() {
+  return _ref;
+};
+export default WithDarkBorder;

package/esm/core/Card/__stories__/WithDarkTopBorder.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+import Button from '@digigov/ui/core/Button';
+
+var _ref = /*#__PURE__*/React.createElement(Card, {
+  variant: "border-top",
+  borderColor: "dark"
+}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
+
+export var WithDarkTopBorder = function WithDarkTopBorder() {
+  return _ref;
+};
+export default WithDarkTopBorder;

package/esm/core/Card/__stories__/WithDivider.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+import { Button } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(Card, {
+  variant: "divider"
+}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
+
+export var WithDivider = function WithDivider() {
+  return _ref;
+};
+export default WithDivider;

package/esm/core/Card/__stories__/WithGrayBorder.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+import Button from '@digigov/ui/core/Button';
+
+var _ref = /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  borderColor: "gray"
+}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
+
+export var WithGrayBorder = function WithGrayBorder() {
+  return _ref;
+};
+export default WithGrayBorder;

package/esm/core/Card/__stories__/WithGrayTopBorder.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Card, { CardAction, CardHeading, CardText } from '@digigov/ui/core/Card';
+import Button from '@digigov/ui/core/Button';
+
+var _ref = /*#__PURE__*/React.createElement(Card, {
+  variant: "border-top",
+  borderColor: "gray"
+}, /*#__PURE__*/React.createElement(CardHeading, null, "\u0393\u03B5\u03C9\u03C1\u03B3\u03AF\u03B1 \u03BA\u03B1\u03B9 \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03AF\u03B1"), /*#__PURE__*/React.createElement(CardText, null, "\u0394\u03B9\u03B1\u03B4\u03B9\u03BA\u03B1\u03C3\u03AF\u03B5\u03C2, \u03B5\u03C0\u03B9\u03B4\u03BF\u03C4\u03AE\u03C3\u03B5\u03B9\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C0\u03BF\u03B6\u03B7\u03BC\u03B9\u03CE\u03C3\u03B5\u03B9\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03B7\u03BD \u03B3\u03B5\u03C9\u03C1\u03B3\u03B9\u03BA\u03AE, \u03BA\u03C4\u03B7\u03BD\u03BF\u03C4\u03C1\u03BF\u03C6\u03B9\u03BA\u03AE \u03AE \u03B1\u03BB\u03B9\u03B5\u03C5\u03C4\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03C1\u03B1\u03C3\u03C4\u03B7\u03C1\u03B9\u03CC\u03C4\u03B7\u03C4\u03B1."), /*#__PURE__*/React.createElement(CardAction, null, /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")));
+
+export var WithGrayTopBorder = function WithGrayTopBorder() {
+  return _ref;
+};
+export default WithGrayTopBorder;

package/esm/core/Checkboxes/Checkbox.stories.js

@@ -0,0 +1,11 @@
+import Checkboxes from '@digigov/ui/core/Checkboxes';
+export default {
+  title: 'Digigov UI/core/Checkboxes',
+  component: Checkboxes
+};
+export * from '@digigov/ui/core/Checkboxes/__stories__/Default';
+export * from '@digigov/ui/core/Checkboxes/__stories__/MultipleQuestions';
+export * from '@digigov/ui/core/Checkboxes/__stories__/WithHint';
+export * from '@digigov/ui/core/Checkboxes/__stories__/NoneAnswer';
+export * from '@digigov/ui/core/Checkboxes/__stories__/WithErrorMessage';
+export * from '@digigov/ui/core/Checkboxes/__stories__/ConditionalReveal';

package/esm/core/Checkboxes/__stories__/ConditionalReveal.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Checkboxes, { CheckboxItem, CheckboxConditional } from '@digigov/ui/core/Checkboxes';
+import TextInput from '@digigov/ui/core/TextInput';
+import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
+import Hint from '@digigov/ui/typography/Hint';
+
+var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03C9\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03BF\u03C5\u03BC\u03B5 \u03BC\u03B1\u03B6\u03AF \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+  checked: true,
+  name: "email",
+  value: "email"
+}, "Email"), /*#__PURE__*/React.createElement(CheckboxConditional, null, "Email address", /*#__PURE__*/React.createElement(TextInput, {
+  name: "email",
+  cellWidth: "one-third"
+})), /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "phone",
+  value: "phone"
+}, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"))));
+
+export var ConditionalReveal = function ConditionalReveal() {
+  return _ref;
+};
+export default ConditionalReveal;