@digigov/ui 0.20.2 → 0.21.2

package/es/core/Radios/__stories__/Inline.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Radios, { RadioItem } from '@digigov/ui/core/Radios';
+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, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(Radios, {
+  inline: true
+}, /*#__PURE__*/React.createElement(RadioItem, {
+  name: "changed_name",
+  value: "yes"
+}, "\u039D\u03B1\u03B9"), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "changed_name",
+  value: "no"
+}, "\u038C\u03C7\u03B9"))));
+
+export var Inline = function Inline() {
+  return _ref;
+};
+export default Inline;

package/es/core/Radios/__stories__/MultipleQuestions.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import Radios, { RadioItem } from '@digigov/ui/core/Radios';
+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, {
+  size: "m"
+}, "\u03A0\u03BF\u03B9\u03B1 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(Radios, null, /*#__PURE__*/React.createElement(RadioItem, {
+  name: "country",
+  value: "greece"
+}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "country",
+  value: "cyprus"
+}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "country",
+  value: "eu"
+}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "country",
+  value: "usa"
+}, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
+
+export var MultipleQuestions = function MultipleQuestions() {
+  return _ref;
+};
+export default MultipleQuestions;

package/es/core/Radios/__stories__/NoneAnswer.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Radios, { RadioItem } from '@digigov/ui/core/Radios';
+import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
+
+var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03CC\u03C3\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC \u03AD\u03C7\u03B5\u03C4\u03B5;"), /*#__PURE__*/React.createElement(Radios, null, /*#__PURE__*/React.createElement(RadioItem, {
+  name: "cold",
+  value: "cold"
+}, "1-2 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC"), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "fever",
+  value: "fever"
+}, "3 \u03AE \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC"), /*#__PURE__*/React.createElement("div", {
+  className: "govgr-radios__divider"
+}, "\u03AE"), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "fatigue",
+  value: "fatigue"
+}, "\u039A\u03B1\u03BD\u03AD\u03BD\u03B1 \u03C0\u03B1\u03B9\u03B4\u03AF"))));
+
+export var NoneAnswer = function NoneAnswer() {
+  return _ref;
+};
+export default NoneAnswer;

package/es/core/Radios/__stories__/WithErrorMessage.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import Radios, { RadioItem } from '@digigov/ui/core/Radios';
+import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
+import ErrorMessage from '@digigov/ui/core/ErrorMessage';
+import Hint from '@digigov/ui/typography/Hint';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+
+var _ref = /*#__PURE__*/React.createElement(Field, {
+  error: true
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03CC\u03BD\u03BF \u03BC\u03AF\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B1\u03C0\u03AC\u03BD\u03C4\u03B7\u03C3\u03B7."), /*#__PURE__*/React.createElement(Radios, null, /*#__PURE__*/React.createElement(RadioItem, {
+  name: "cold",
+  value: "cold"
+}, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "fever",
+  value: "fever"
+}, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"))));
+
+export var WithErrorMessage = function WithErrorMessage() {
+  return _ref;
+};
+export default WithErrorMessage;

package/es/core/Radios/__stories__/WithHints.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import Radios, { RadioItem } from '@digigov/ui/core/Radios';
+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, {
+  size: "m"
+}, "\u03A0\u03CE\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5;"), /*#__PURE__*/React.createElement(Hint, null, "\u0398\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03CC \u03BC\u03B5 \u03C4\u03BF\u03BD \u03BF\u03C0\u03BF\u03AF\u03BF \u03B8\u03B1 \u03B1\u03C0\u03BF\u03B4\u03B5\u03AF\u03BE\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C4\u03B1\u03CD\u03C4\u03BF\u03C4\u03B7\u03C4\u03B1 \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C7\u03C9\u03C1\u03AE\u03C3\u03B5\u03C4\u03B5."), /*#__PURE__*/React.createElement(Radios, null, /*#__PURE__*/React.createElement(RadioItem, {
+  name: "login",
+  value: "gsis"
+}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 Taxisnet", /*#__PURE__*/React.createElement(Hint, null, "\u0398\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03BF\u03C5\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD\u03C2 Taxisnet \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B8\u03B5\u03AF\u03C4\u03B5")), /*#__PURE__*/React.createElement(RadioItem, {
+  name: "country",
+  value: "cyprus"
+}, "\u03A3\u03CD\u03BD\u03B4\u03B5\u03C3\u03B7 \u03BC\u03B5 \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03C3\u03BC\u03CC e-banking", /*#__PURE__*/React.createElement(Hint, null, "\u0398\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C4\u03BF\u03C5\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03BF\u03CD\u03C2 \u03C4\u03BF\u03C5 e-banking \u03C4\u03B7\u03C2 \u03C4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B1\u03C2 \u03B3\u03B9\u03B1 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B8\u03B5\u03AF\u03C4\u03B5")))));
+
+export var WithHints = function WithHints() {
+  return _ref;
+};
+export default WithHints;

package/es/core/Radios/index.js

@@ -0,0 +1,5 @@
+export * from '@digigov/react-core/Radio';
+export * from '@digigov/react-core/RadioItem';
+export * from '@digigov/react-core/RadioConditional';
+import Radios from '@digigov/react-core/Radio';
+export default Radios;

package/es/core/Select/Select.stories.js

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

package/es/core/Select/__stories__/Default.js

@@ -0,0 +1,21 @@
+import React from "react";
+import Select, { SelectOption } from "@digigov/ui/core/Select";
+import Field from '@digigov/ui/core/Field';
+import Label from '@digigov/react-core/Label'; // import LabelTitle from '@digigov/react-core/LabelTitle';
+
+var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/React.createElement(Select, {
+  name: "select-list"
+}, /*#__PURE__*/React.createElement(SelectOption, {
+  value: "dim"
+}, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /*#__PURE__*/React.createElement(SelectOption, {
+  value: "kat"
+}, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /*#__PURE__*/React.createElement(SelectOption, {
+  value: "kat"
+}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /*#__PURE__*/React.createElement(SelectOption, {
+  value: "kat"
+}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/es/core/Select/__stories__/DisabledInput.js

@@ -0,0 +1,22 @@
+import React from "react";
+import Select, { SelectOption } from "@digigov/ui/core/Select";
+import Field from '@digigov/ui/core/Field';
+import Label from '@digigov/react-core/Label';
+
+var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Label, null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/React.createElement(Select, {
+  name: "select-list",
+  disabled: true
+}, /*#__PURE__*/React.createElement(SelectOption, {
+  value: "dim"
+}, "\u0394\u03B7\u03BC\u03BF\u03C6\u03B9\u03BB\u03AE"), /*#__PURE__*/React.createElement(SelectOption, {
+  value: "kat"
+}, "\u03A0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B1"), /*#__PURE__*/React.createElement(SelectOption, {
+  value: "kat"
+}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AD\u03C2"), /*#__PURE__*/React.createElement(SelectOption, {
+  value: "kat"
+}, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C3\u03C7\u03CC\u03BB\u03B9\u03B1"))));
+
+export var DisabledInput = function DisabledInput() {
+  return _ref;
+};
+export default DisabledInput;

package/es/core/Select/index.js

@@ -0,0 +1,4 @@
+export * from '@digigov/react-core/Select';
+export * from '@digigov/react-core/SelectOption';
+import Select from '@digigov/react-core/Select';
+export default Select;

package/es/core/SummaryList/SummaryList.stories.js

@@ -0,0 +1,9 @@
+/* eslint-disable digigov/no-relative-imports */
+import SummaryList from '@digigov/ui/core';
+export default {
+  title: 'Digigov UI/core/SummaryList',
+  component: SummaryList
+};
+export * from './__stories__/Default';
+export * from './__stories__/SummaryListWithActions';
+export * from './__stories__/SummaryListWithoutBorders';

package/es/core/SummaryList/__stories__/Default.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
+
+var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null)), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543")));
+
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
+};
+export default Default;

package/es/core/SummaryList/__stories__/SummaryListWithActions.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import Link from '@digigov/ui/core/Link';
+import { ArrowIcon } from '@digigov/react-core';
+import { ButtonGroup, Button } from '@digigov/ui/core';
+
+var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B72"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")), /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2"))))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Button, null, "\u0394\u03BF\u03BA\u03B9\u03BC\u03AE ", /*#__PURE__*/React.createElement(ArrowIcon, null)))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF2"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE"), /*#__PURE__*/React.createElement(Button, null, " \u0394\u03BF\u03BA\u03B9\u03BC\u03AE2")))));
+
+export var SummaryListWithActions = function SummaryListWithActions() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
+};
+export default SummaryListWithActions;

package/es/core/SummaryList/__stories__/SummaryListWithoutBorders.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
+
+var _ref = /*#__PURE__*/React.createElement(SummaryList, {
+  border: false
+}, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u039A\u03B1\u03C4\u03B5\u03C1\u03AF\u03BD\u03B1")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null)), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "699876543")));
+
+export var SummaryListWithoutBorders = function SummaryListWithoutBorders() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
+};
+export default SummaryListWithoutBorders;

package/es/core/Table/Table.stories.js

@@ -0,0 +1,18 @@
+/* eslint-disable digigov/no-relative-imports */
+import Table from '@digigov/ui/core';
+export default {
+  title: 'Digigov UI/core/Table',
+  component: Table
+};
+export * from './__stories__/Default';
+export * from './__stories__/NoData';
+export * from './__stories__/VerticalHeaders';
+export * from './__stories__/ZebraProp';
+export * from './__stories__/NumericDataType';
+export * from './__stories__/VerticalBorders';
+export * from './__stories__/DarkVariant';
+export * from './__stories__/DarkVariantWithVerticalHeaders';
+export * from './__stories__/WithLoader';
+export * from './__stories__/DefinedWidth';
+export * from './__stories__/Densed';
+export * from './__stories__/MultipleProps';

package/es/core/Table/__stories__/DarkVariant.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
+  variant: "dark"
+}, /*#__PURE__*/React.createElement(TableCaption, null, "Table with dark variant"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")))));
+
+export var DarkVariant = function DarkVariant() {
+  return _ref;
+};
+export default DarkVariant;

package/es/core/Table/__stories__/DarkVariantWithVerticalHeaders.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
+  variant: "dark"
+}, /*#__PURE__*/React.createElement(TableCaption, null, "Table with dark variant and vertical borders"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")))));
+
+export var DarkVariantWithVerticalHeaders = function DarkVariantWithVerticalHeaders() {
+  return _ref;
+};
+export default DarkVariantWithVerticalHeaders;

package/es/core/Table/__stories__/Default.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "Table no props"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")))));
+
+export var Default = function Default() {
+  return _ref;
+};
+export default Default;

package/es/core/Table/__stories__/DefinedWidth.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "Table with one-half and one-quarter width"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, {
+  cellWidth: "one-half"
+}, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, {
+  cellWidth: "one-quarter"
+}, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, {
+  cellWidth: "one-quarter"
+}, "Date"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80")))));
+
+export var DefinedWidth = function DefinedWidth() {
+  return _ref;
+};
+export default DefinedWidth;

package/es/core/Table/__stories__/Densed.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, {
+  border: true
+}, /*#__PURE__*/React.createElement(Table, {
+  dense: true
+}, /*#__PURE__*/React.createElement(TableCaption, null, "Table with dense props"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")))));
+
+export var Densed = function Densed() {
+  return _ref;
+};
+export default Densed;

package/es/core/Table/__stories__/MultipleProps.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
+  zebra: true,
+  variant: "dark",
+  verticalBorders: true
+}, /*#__PURE__*/React.createElement(TableCaption, null, "Table with zebra prop"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80")))));
+
+export var MultipleProps = function MultipleProps() {
+  return _ref;
+};
+export default MultipleProps;

package/es/core/Table/__stories__/NoData.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableNoDataRow } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "Table with no data"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableNoDataRow, null, "No data"))));
+
+export var NoData = function NoData() {
+  return _ref;
+};
+export default NoData;

package/es/core/Table/__stories__/NumericDataType.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "Table with dataType numeric"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, {
+  dataType: "numeric"
+}, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, {
+  dataType: "numeric"
+}, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, {
+  dataType: "numeric"
+}, "Amount"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, {
+  dataType: "numeric"
+}, "\u20AC109.80")))));
+
+export var NumericDataType = function NumericDataType() {
+  return _ref;
+};
+export default NumericDataType;

package/es/core/Table/__stories__/VerticalBorders.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
+  verticalBorders: true
+}, /*#__PURE__*/React.createElement(TableCaption, null, "Table with vertical borders"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")))));
+
+export var VerticalBorders = function VerticalBorders() {
+  return _ref;
+};
+export default VerticalBorders;

package/es/core/Table/__stories__/VerticalHeaders.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/react-core';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "Table with vertical borders"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Date"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Amount"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "First 6 weeks"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC69.80"), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC109.80")))));
+
+export var VerticalHeaders = function VerticalHeaders() {
+  return _ref;
+};
+export default VerticalHeaders;

package/es/core/Table/__stories__/WithHeader.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableNoDataRow } from '@digigov/ui/core';
+var data = [{
+  name: 'Dimitris',
+  job: 'carpenter',
+  year: '5 years',
+  salary: '10.80$'
+}, {
+  name: 'Katerina',
+  job: 'engineer',
+  year: '6 years',
+  salary: '19.60$'
+}, {
+  name: 'Vasilis',
+  job: 'taxi driver',
+  year: '10 years',
+  salary: '12.83$'
+}, {
+  name: 'Giorgos',
+  job: 'yoga master',
+  year: '15 years',
+  salary: '27.80$'
+}, {
+  name: 'Giannis',
+  job: 'unemployed',
+  year: '5 years',
+  salary: '00.00$'
+}, {
+  name: 'Katerina',
+  job: 'car driver',
+  year: '10 years',
+  salary: '11.80$'
+}, {
+  name: 'Thanasis',
+  job: 'babysitter',
+  year: '5 years',
+  salary: '15.80$'
+}];
+
+var _ref = /*#__PURE__*/React.createElement(TableCaption, null, "Table with vertical headers");
+
+var _ref2 = /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Name"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Job"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Year"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Salary")));
+
+var _ref3 = /*#__PURE__*/React.createElement(TableNoDataRow, null, "No data");
+
+export var WithHeader = function WithHeader() {
+  return /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, _ref, _ref2, /*#__PURE__*/React.createElement(TableBody, null, data && data.length > 0 ? data.map(function (d, index) {
+    return /*#__PURE__*/React.createElement(TableRow, {
+      key: index
+    }, /*#__PURE__*/React.createElement(TableDataCell, null, d.name), /*#__PURE__*/React.createElement(TableDataCell, null, d.job), /*#__PURE__*/React.createElement(TableDataCell, null, d.year), /*#__PURE__*/React.createElement(TableDataCell, null, d.salary));
+  }) : _ref3)));
+};
+export default WithHeader;

package/es/core/Table/__stories__/WithLoader.js

@@ -0,0 +1,81 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Button, TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableNoDataRow } from '@digigov/react-core';
+import { LoaderContainer, CircularProgress, TableLoaderBackground } from '@digigov/react-extensions/admin/';
+var data = [{
+  name: 'Dimitris',
+  job: 'carpenter',
+  year: '5 years',
+  salary: '10.80$'
+}, {
+  name: 'Katerina',
+  job: 'engineer',
+  year: '6 years',
+  salary: '19.60$'
+}, {
+  name: 'Vasilis',
+  job: 'taxi driver',
+  year: '10 years',
+  salary: '12.83$'
+}, {
+  name: 'Giorgos',
+  job: 'yoga master',
+  year: '15 years',
+  salary: '27.80$'
+}, {
+  name: 'Giannis',
+  job: 'unemployed',
+  year: '5 years',
+  salary: '00.00$'
+}, {
+  name: 'Katerina',
+  job: 'car driver',
+  year: '10 years',
+  salary: '11.80$'
+}, {
+  name: 'Thanasis',
+  job: 'babysitter',
+  year: '5 years',
+  salary: '15.80$'
+}];
+
+var _ref = /*#__PURE__*/React.createElement(LoaderContainer, null, /*#__PURE__*/React.createElement(CircularProgress, null));
+
+var _ref2 = /*#__PURE__*/React.createElement(TableCaption, null, "Table loading test");
+
+var _ref3 = /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "Employee name"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Job"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Years"), /*#__PURE__*/React.createElement(TableHeadCell, null, "Salary")));
+
+var _ref4 = /*#__PURE__*/React.createElement(TableLoaderBackground, null, /*#__PURE__*/React.createElement(LoaderContainer, null, /*#__PURE__*/React.createElement(CircularProgress, null)));
+
+var _ref5 = /*#__PURE__*/React.createElement(TableNoDataRow, null, "No data");
+
+export var WithLoader = function WithLoader() {
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      tableData = _useState2[0],
+      setTableData = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  setTimeout(function () {
+    setTableData(data);
+  }, 8000);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "example"
+  }, /*#__PURE__*/React.createElement(TableContainer, null, !tableData ? _ref : /*#__PURE__*/React.createElement(Table, null, _ref2, _ref3, /*#__PURE__*/React.createElement(TableBody, null, loading === true && _ref4, tableData && tableData.length > 0 ? tableData.map(function (d, index) {
+    return /*#__PURE__*/React.createElement(TableRow, {
+      key: index
+    }, /*#__PURE__*/React.createElement(TableDataCell, null, d.name), /*#__PURE__*/React.createElement(TableDataCell, null, d.job), /*#__PURE__*/React.createElement(TableDataCell, null, d.year), /*#__PURE__*/React.createElement(TableDataCell, null, d.salary));
+  }) : _ref5))), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      setLoading(true);
+      setTimeout(function () {
+        setLoading(false);
+      }, 7000);
+    }
+  }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03B7\u03BA\u03B7"));
+};
+export default WithLoader;