@digigov/ui 0.26.7 → 0.27.1

package/es/admin/Modal/__stories__/AlertDialog.js

@@ -1,24 +1,8 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import Modal, { ModalHeading, ModalContent, ModalAction } from "@digigov/ui/admin/Modal";
-import { Button } from "@digigov/ui/core";
-import { Paragraph } from "@digigov/ui/typography";
-
-function useModal() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  function toggleModal() {
-    setOpen(!open);
-  }
-
-  return {
-    open: open,
-    toggleModal: toggleModal
-  };
-}
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Modal, { ModalHeading, ModalContent, ModalAction, useModal } from '@digigov/ui/admin/Modal';
+import { Button } from '@digigov/ui/core';
+import { Paragraph } from '@digigov/ui/typography';
 
 var _ref = /*#__PURE__*/React.createElement(ModalHeading, {
   id: "modal-label"
@@ -30,7 +14,7 @@ var _ref2 = /*#__PURE__*/React.createElement(ModalContent, {
 
 export var AlertDialog = function AlertDialog() {
   var _useModal = useModal(),
-      open = _useModal.open,
+      modalProps = _useModal.modalProps,
       toggleModal = _useModal.toggleModal;
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
@@ -38,13 +22,16 @@ export var AlertDialog = function AlertDialog() {
     onClick: function onClick() {
       return toggleModal();
     }
-  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /*#__PURE__*/React.createElement(Modal, {
-    open: open,
+  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /*#__PURE__*/React.createElement(Button, {
+    color: "warning",
+    onClick: function onClick() {
+      return toggleModal();
+    }
+  }, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE"), /*#__PURE__*/React.createElement(Modal, _extends({}, modalProps, {
     role: "alertdialog",
-    "aria-modal": "true",
     "aria-labelledby": "modal-label",
     "aria-describedby": "modal-content"
-  }, _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, /*#__PURE__*/React.createElement(Button, {
+  }), _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return toggleModal();
     }

package/es/admin/Modal/__stories__/Default.js

@@ -1,25 +1,9 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useState } from "react";
-import Modal, { ModalHeading, ModalContent, ModalAction } from "@digigov/ui/admin/Modal";
-import { Button, TextInput } from "@digigov/ui/core";
-import Field from "@digigov/ui/core/Field";
-import Label from "@digigov/react-core/Label";
-
-function useModal() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  function toggleModal() {
-    setOpen(!open);
-  }
-
-  return {
-    open: open,
-    toggleModal: toggleModal
-  };
-}
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Modal, { ModalHeading, ModalContent, ModalAction, useModal } from '@digigov/ui/admin/Modal';
+import { Button, TextInput } from '@digigov/ui/core';
+import Field from '@digigov/ui/core/Field';
+import Label from '@digigov/react-core/Label';
 
 var _ref = /*#__PURE__*/React.createElement(ModalHeading, {
   id: "modal-label"
@@ -34,19 +18,16 @@ var _ref3 = /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u
 
 export var Default = function Default() {
   var _useModal = useModal(),
-      open = _useModal.open,
-      toggleModal = _useModal.toggleModal;
+      toggleModal = _useModal.toggleModal,
+      modalProps = _useModal.modalProps;
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return toggleModal();
     }
-  }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /*#__PURE__*/React.createElement(Modal, {
-    open: open,
-    role: "dialog",
-    "aria-modal": "true",
+  }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /*#__PURE__*/React.createElement(Modal, _extends({}, modalProps, {
     "aria-labelledby": "modal-label"
-  }, _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, _ref3, /*#__PURE__*/React.createElement(Button, {
+  }), _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, _ref3, /*#__PURE__*/React.createElement(Button, {
     variant: "link",
     onClick: function onClick() {
       return toggleModal();

package/es/admin/Modal/index.js

@@ -1,6 +1,88 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _excluded = ["open", "children", "onEscape"];
 export * from '@digigov/react-extensions/admin/Modal';
 export * from '@digigov/react-extensions/admin/ModalHeading';
 export * from '@digigov/react-extensions/admin/ModalContent';
 export * from '@digigov/react-extensions/admin/ModalAction';
-import Modal from '@digigov/react-extensions/admin/Modal';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import ModalContainer from '@digigov/react-extensions/admin/Modal';
+import useKeypress from '@digigov/ui/hooks/useKeypress';
+export var useModal = function useModal() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      modalData = _useState4[0],
+      setModalData = _useState4[1];
+
+  function toggleModal(data) {
+    setOpen(!open);
+
+    if (data) {
+      setModalData(data);
+    }
+  }
+
+  var closeModal = useCallback(function closeModal() {
+    setOpen(false);
+  }, []);
+  return {
+    toggleModal: toggleModal,
+    closeModal: closeModal,
+    modalData: modalData,
+    modalProps: {
+      onEscape: closeModal,
+      open: open,
+      role: 'dialog',
+      'aria-modal': 'true'
+    }
+  };
+};
+export var Modal = function Modal(props) {
+  if (props.open) {
+    return /*#__PURE__*/React.createElement(ModalBase, props);
+  } else {
+    return null;
+  }
+};
+export var ModalBase = function ModalBase(_ref) {
+  var open = _ref.open,
+      children = _ref.children,
+      onEscape = _ref.onEscape,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var firstModalElement = useRef();
+  var lastModalElement = useRef();
+  var handleFocus = useCallback(function () {
+    firstModalElement.current.focus();
+  }, []);
+  useKeypress('Escape', onEscape);
+  useEffect(function () {
+    handleFocus();
+    lastModalElement.current.addEventListener('focus', handleFocus);
+    return function () {
+      lastModalElement.current.removeEventListener('focus', handleFocus);
+    };
+  }, [open]);
+  return /*#__PURE__*/React.createElement(ModalContainer, _extends({
+    open: open,
+    role: "dialog"
+  }, props, {
+    "aria-hidden": "false",
+    "aria-modal": "true"
+  }), /*#__PURE__*/React.createElement("span", {
+    tabIndex: -1,
+    ref: firstModalElement,
+    "aria-hidden": "true"
+  }), open && children, /*#__PURE__*/React.createElement("span", {
+    tabIndex: 0,
+    ref: lastModalElement,
+    "aria-hidden": "true"
+  }));
+};
 export default Modal;

package/es/core/Breadcrumbs/Breadcrumbs.stories.playwright.json

@@ -8,13 +8,13 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>a"
+                "selector": "html>body>div:nth-child(5)>nav>ol>li:nth-child(1)>a"
               }
             },
             {
               "name": "click",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>ol>li:nth-child(1)>a"
+                "selector": "html>body>div:nth-child(5)>nav>ol>li:nth-child(1)>a"
               }
             },
             {

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

@@ -3,7 +3,7 @@ import Breadcrumbs, { BreadcrumbsList, BreadcrumbsListItem } from '@digigov/ui/c
 
 var _ref = /*#__PURE__*/React.createElement(Breadcrumbs, {
   role: "navigation",
-  "aria-label": "navigation"
+  "aria-label": "Breadcrumb"
 }, /*#__PURE__*/React.createElement(BreadcrumbsList, null, /*#__PURE__*/React.createElement(BreadcrumbsListItem, {
   href: "#"
 }, "\u0391\u03C1\u03C7\u03B9\u03BA\u03AE"), /*#__PURE__*/React.createElement(BreadcrumbsListItem, {

package/es/core/Button/Button.stories.js

@@ -13,4 +13,5 @@ export * from './__stories__/CallToActionButton';
 export * from './__stories__/Disabled';
 export * from './__stories__/ButtonLinkButton';
 export * from './__stories__/Back';
-export * from './__stories__/WithVariantLink';
+export * from './__stories__/WithVariantLink';
+export * from './__stories__/ThemeToggle';

package/es/core/Button/Button.stories.playwright.json

@@ -88,6 +88,28 @@
           "title": "Keyboard navigation"
         }
       ]
+    },
+    "digigov-ui-core-button--theme-toggle": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>button"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html"
+              }
+            }
+          ],
+          "id": "wPoD1odPNvOc",
+          "title": "change theme"
+        }
+      ]
     }
   }
 }

package/es/core/Button/ThemeToggleButton.js

@@ -0,0 +1,33 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useEffect } from 'react';
+import CoreButton from '@digigov/react-core/Button';
+export var ThemeToggleButton = function ThemeToggleButton() {
+  var _useState = useState(function () {
+    var currentTheme = localStorage.getItem('theme');
+    var prefersScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    return currentTheme || prefersScheme || 'light';
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      theme = _useState2[0],
+      setTheme = _useState2[1];
+
+  function toggleTheme() {
+    if (theme === 'light') {
+      setTheme('dark');
+    } else {
+      setTheme('light');
+    }
+  }
+
+  useEffect(function () {
+    localStorage.setItem('theme', theme);
+    document.documentElement.className = theme;
+  }, [theme]);
+  return /*#__PURE__*/React.createElement(CoreButton, {
+    onClick: toggleTheme,
+    variant: "link",
+    role: "button",
+    "aria-label": "\u0391\u03BD\u03C4\u03B9\u03C3\u03C4\u03C1\u03BF\u03C6\u03AE \u03C7\u03C1\u03C9\u03BC\u03AC\u03C4\u03C9\u03BD"
+  }, "\u0391\u03BD\u03C4\u03B9\u03C3\u03C4\u03C1\u03BF\u03C6\u03AE \u03C7\u03C1\u03C9\u03BC\u03AC\u03C4\u03C9\u03BD");
+};
+export default ThemeToggleButton;

package/es/core/Button/__stories__/ThemeToggle.js

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

package/es/core/Button/index.js

@@ -34,4 +34,5 @@ export * from '@digigov/ui/core/Button/BackButton';
 export * from '@digigov/ui/core/Button/CallToAction';
 export * from '@digigov/ui/core/Button/ButtonLink';
 export * from '@digigov/ui/core/Button/Icon';
+export * from '@digigov/ui/core/Button/ThemeToggleButton';
 export * from '@digigov/react-core/ButtonGroup';

package/es/core/Link/Link.stories.js

@@ -1,10 +1,11 @@
-import Link from "@digigov/ui/core/Link";
+import Link from '@digigov/ui/core/Link';
 export default {
   title: 'Digigov UI/core/Link',
   component: Link
 };
-export * from './__stories__/Default';
-export * from './__stories__/OpensInNewTab';
-export * from './__stories__/NoUnderline';
-export * from './__stories__/DarkBackground';
-export * from './__stories__/DarkBackgroundNoUnderline';
+export * from '@digigov/ui/core/Link/__stories__/Default';
+export * from '@digigov/ui/core/Link/__stories__/ExternalLink';
+export * from '@digigov/ui/core/Link/__stories__/OpensInNewTab';
+export * from '@digigov/ui/core/Link/__stories__/NoUnderline';
+export * from '@digigov/ui/core/Link/__stories__/DarkBackground';
+export * from '@digigov/ui/core/Link/__stories__/DarkBackgroundNoUnderline';

package/es/core/Link/__stories__/ExternalLink.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import Link from '@digigov/ui/core/Link';
+import Paragraph from '@digigov/ui/typography/Paragraph';
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, null, "\u03A4his is a paragraph that contains an external link that appears in print", ' ', /*#__PURE__*/React.createElement(Link, {
+  "aria-label": "\u03C0\u03BB\u03BF\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B9\u03C3\u03C4\u03BF\u03C3\u03B5\u03BB\u03AF\u03B4\u03B1 \u03C4\u03BF govgr",
+  role: "link",
+  href: "https://www.gov.gr/"
+}, "govgr link"));
+
+export var ExternalLink = function ExternalLink() {
+  return _ref;
+};
+export default ExternalLink;

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

@@ -7,4 +7,5 @@ export default {
 export * from './__stories__/Default';
 export * from './__stories__/WithActions';
 export * from './__stories__/WithoutBorders';
-export * from './__stories__/WithKeyAndAction';
+export * from './__stories__/WithKeyAndAction';
+export * from './__stories__/RowVariations';

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

@@ -0,0 +1,37 @@
+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';
+
+var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__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, "\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, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))));
+
+var _ref2 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__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(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")));
+
+var _ref3 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__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, "\u038C\u03BD\u03BF\u03BC\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")))));
+
+var _ref4 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__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(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, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))));
+
+var _ref5 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1")));
+
+var _ref6 = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__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(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")))));
+
+export var RowVariations = function RowVariations() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6);
+};
+export default RowVariations;

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

@@ -17,4 +17,5 @@ export * from './__stories__/WithLoader';
 export * from './__stories__/DefinedWidth';
 export * from './__stories__/Densed';
 export * from './__stories__/MultipleProps';
-export * from './__stories__/WithFloatingScroll';
+export * from './__stories__/WithFloatingScroll';
+export * from './__stories__/Full';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
 
 var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
   variant: "dark"

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
 
 var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
   variant: "dark"

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
 
 var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, null, "\u03A0\u03B5\u03C1\u03AF\u03BF\u03B4\u03BF\u03C2 \u03BA\u03B1\u03B9 \u03C0\u03BF\u03C3\u03AC"), /*#__PURE__*/React.createElement(TableHead, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableHeadCell, null, "\u03A0\u03B5\u03C1\u03AF\u03BF\u03B4\u03BF\u03C2"), /*#__PURE__*/React.createElement(TableHeadCell, null, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC \u03C0\u03BF\u03C3\u03CC"), /*#__PURE__*/React.createElement(TableHeadCell, null, "\u039C\u03B5\u03B9\u03C9\u03BC\u03AD\u03BD\u03BF \u03C0\u03BF\u03C3\u03CC"))), /*#__PURE__*/React.createElement(TableBody, null, /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "\u03A0\u03C1\u03CE\u03C4\u03B5\u03C2 6 \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B5\u03C2 "), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC109.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC69.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B5\u03C2 33 \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B5\u03C2"), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC99.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1"), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC64.80 / \u03B5\u03B2\u03B4\u03BF\u03BC\u03AC\u03B4\u03B1")), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableDataCell, null, "\u03A3\u03C5\u03BD\u03BF\u03BB\u03B9\u03BA\u03CC \u03C0\u03BF\u03C3\u03CC "), /*#__PURE__*/React.createElement(TableDataCell, null, "\u20AC4.282,20 "), /*#__PURE__*/React.createElement(TableDataCell, null, " \u20AC3.282,20")))));
 

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/react-core';
+import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/ui/core/Table';
 
 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"

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
 
 var _ref = /*#__PURE__*/React.createElement(TableContainer, {
   border: true

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
+
+var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
+  zebra: true,
+  variant: "dark",
+  verticalBorders: true,
+  dense: true
+}, /*#__PURE__*/React.createElement(TableCaption, null, "Table with all the properties combined"), /*#__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(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(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(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(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(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(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(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(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(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(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 Full = function Full() {
+  return _ref;
+};
+export default Full;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
 
 var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
   zebra: true,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableNoDataRow } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableNoDataRow } from '@digigov/ui/core/Table';
 
 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, {
   "aria-colspan": 100

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
 
 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"

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption } from '@digigov/ui/core/Table';
 
 var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, null, /*#__PURE__*/React.createElement(TableCaption, {
   size: "xl"

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/react-core';
+import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/ui/core/Table';
 
 var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
   verticalBorders: true

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/react-core';
+import { TableContainer, Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableCaption } from '@digigov/ui/core/Table';
 
 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")))));
 

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

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, NavVertical, NavVerticalItem } from '@digigov/react-core';
+import { Table, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
+import { NavVertical, NavVerticalItem } from '@digigov/ui/core/NavList';
 import { Dropdown, DropdownButton, DropdownContent } from '@digigov/ui/admin';
 import TableFloatingScroll from '@digigov/ui/core/Table/TableFloatingScroll';
 var labels = {

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

@@ -1,6 +1,7 @@
 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 Button from '@digigov/ui/core/Button';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell, TableNoDataRow } from '@digigov/ui/core/Table';
 import TableLoaderBackground from '@digigov/ui/admin/TableLoaderBackground';
 import LoaderContainer from '@digigov/ui/admin/LoaderContainer';
 import CircularProgress from '@digigov/ui/admin/CircularProgress';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/react-core';
+import { TableContainer, Table, TableCaption, TableHead, TableRow, TableBody, TableHeadCell, TableDataCell } from '@digigov/ui/core/Table';
 
 var _ref = /*#__PURE__*/React.createElement(TableContainer, null, /*#__PURE__*/React.createElement(Table, {
   zebra: true

package/es/core/Table/index.mdx

@@ -6,7 +6,16 @@ title: Table
 # Table
 
 ```bash
-import Table from '@digigov/ui/core/Table';
+import {
+  TableContainer,
+  Table,
+  TableCaption,
+  TableHead,
+  TableRow,
+  TableBody,
+  TableHeadCell,
+  TableDataCell,
+} from '@digigov/ui/core/Table';
 ``` 
 
 ## How to use