@digigov/ui 1.0.0-8ae63a77 → 1.0.0-eb2842b4

package/es/navigation/NavList/__stories__/UsingHeaderButton.js

@@ -0,0 +1,70 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Top } from '@digigov/ui/layouts/Basic/Top';
+import { Header, HeaderSection, HeaderContent, HeaderTitle } from '@digigov/ui/app/Header';
+import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
+import { Paragraph } from '@digigov/ui/typography/Paragraph';
+import { Nav, NavMenuContainer, NavMenuTitle, NavMenuContent, NavMenuContentList, NavMenuContentListItem } from '@digigov/ui/navigation/NavList';
+import { Link } from '@digigov/ui/navigation/Link';
+import { Button } from '@digigov/ui/form/Button';
+import ArrowIcon from '@digigov/react-icons/ArrowIcon';
+var links = [];
+
+for (var index = 0; index < 14; index++) {
+  links.push({
+    name: "Nav".concat(index),
+    label: "\u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2 ".concat(index + 1),
+    href: "?q=item".concat(index + 1)
+  });
+}
+
+var menuLabel = 'Επιλογές';
+var menuTitle = 'Επιλογές της υπηρεσίας';
+
+var _ref = /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, {
+  href: "#"
+}), /*#__PURE__*/React.createElement(HeaderTitle, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1\u03C2"));
+
+var _ref2 = /*#__PURE__*/React.createElement(NavMenuContent, {
+  md: 12
+}, /*#__PURE__*/React.createElement(Paragraph, null, "\u0395\u03BE\u03B5\u03C1\u03B5\u03C5\u03BD\u03AE\u03C3\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03B4\u03C5\u03BD\u03B1\u03C4\u03CC\u03C4\u03B7\u03C4\u03B5\u03C2 \u03C4\u03B7\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1\u03C2, \u03B5\u03C0\u03B9\u03BB\u03AD\u03B3\u03BF\u03BD\u03C4\u03B1\u03C2 \u03B1\u03C0\u03CC \u03C4\u03BF\u03C5\u03C2 \u03C0\u03B1\u03C1\u03B1\u03BA\u03AC\u03C4\u03C9 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03BF\u03C5\u03C2:"));
+
+var _ref3 = /*#__PURE__*/React.createElement(NavMenuTitle, null, menuTitle || menuLabel);
+
+export var UsingHeaderButton = function UsingHeaderButton() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, _ref, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    onClick: function onClick() {
+      return setOpen(!open);
+    }
+  }, menuLabel, /*#__PURE__*/React.createElement(ArrowIcon, {
+    direction: open ? 'up' : "down"
+  }))))), /*#__PURE__*/React.createElement(Nav, {
+    open: open,
+    drawer: "smDown",
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    closeButtonLabel: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF",
+    "aria-label": "navigation list"
+  }, /*#__PURE__*/React.createElement(NavMenuContainer, {
+    active: open
+  }, _ref2, _ref3, /*#__PURE__*/React.createElement(NavMenuContent, null, /*#__PURE__*/React.createElement(NavMenuContentList, {
+    role: "menu"
+  }, links && links.map(function (item, menuIndex) {
+    return /*#__PURE__*/React.createElement(NavMenuContentListItem, {
+      key: menuIndex,
+      role: "presentation"
+    }, (item === null || item === void 0 ? void 0 : item.href) && /*#__PURE__*/React.createElement(Link, {
+      role: "menuitem",
+      id: item.name,
+      href: item.href
+    }, item.label));
+  }))))));
+};
+export default UsingHeaderButton;

package/es/navigation/NavList/__stories__/UsingNavListAuto.js

@@ -0,0 +1,38 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React from 'react';
+import { NavListAuto } from '@digigov/ui/navigation/NavList';
+import links from './NavLinksWithSubmenu.json';
+import { Button } from '@digigov/ui/form/Button';
+import BurgerIcon from '@digigov/react-icons/BurgerIcon';
+
+var _ref = /*#__PURE__*/React.createElement(BurgerIcon, null);
+
+export var UsingNavListAuto = function UsingNavListAuto() {
+  var layout = 'horizontal';
+  var drawer = 'smDown';
+  var border = true;
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    color: "secondary",
+    onClick: function onClick() {
+      return setOpen(!open);
+    },
+    smUpHidden: true
+  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2 ", _ref), /*#__PURE__*/React.createElement(NavListAuto, {
+    layout: layout,
+    border: border,
+    drawer: drawer,
+    open: open,
+    links: links,
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    "aria-label": "Nav list"
+  }));
+};
+export default UsingNavListAuto;

package/es/navigation/NavList/__stories__/Vertical.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Nav, NavList, NavListItemAction, useNavList } from '@digigov/ui/navigation/NavList';
+import links from './NavLinksOneLevel.json';
+export var Vertical = function Vertical() {
+  var layout = 'vertical';
+
+  var _useNavList = useNavList(),
+      registerNavItem = _useNavList.registerNavItem;
+
+  var _useState = useState(""),
+      _useState2 = _slicedToArray(_useState, 2),
+      useActive = _useState2[0],
+      setUseActive = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(Nav, {
+    "aria-orientation": layout || 'horizontal',
+    "aria-label": "navigation list"
+  }, /*#__PURE__*/React.createElement(NavList, {
+    layout: layout
+  }, links.map(function (item, key) {
+    return /*#__PURE__*/React.createElement(NavListItemAction, _extends({}, registerNavItem(item), {
+      key: key,
+      active: item.name === useActive,
+      onClick: function onClick() {
+        return setUseActive(item.name);
+      }
+    }), item.label);
+  })));
+};
+export default Vertical;

package/{esm/navigation/NavList/__stories__/NavVerticalLayout.js → es/navigation/NavList/__stories__/VerticalWithoutDrawer.js}

@@ -3,41 +3,8 @@ import React from 'react';
 import Link from '@digigov/ui/navigation/Link';
 import { Nav, NavList, NavListItemAction, NavMenuContainer, NavMenuContent, NavMenuContentList, NavMenuContentListItem, NavMenuTitle } from '@digigov/ui/navigation/NavList';
 import { useNavList } from '@digigov/ui/navigation/NavList/hooks/useNavList';
-var links = [{
-  name: 'home',
-  href: '#home',
-  label: 'Αρχική'
-}, {
-  name: 'educational',
-  // href: '#',
-  label: 'Εκπαιδευτικό υλικό',
-  subMenu: [{
-    name: 'elearning',
-    href: '#elearning',
-    label: 'Εκπαιδευτική πλατφόρμα'
-  }, {
-    name: 'videos',
-    href: '#videos',
-    label: 'Βίντεο'
-  }, {
-    name: 'presentations',
-    href: '#presentations',
-    label: 'Παρουσιάσεις'
-  }, {
-    name: 'promoting',
-    href: '#promoting',
-    label: 'Προωθώντας την αθλητική ακεραιότητα στην νέα γενιά'
-  }, {
-    name: 'other-texts',
-    href: '#other-texts',
-    label: 'Άλλα κείμενα'
-  }]
-}, {
-  name: 'news',
-  href: '#news',
-  label: 'Νέα'
-}];
-export var NavVerticalLayout = function NavVerticalLayout() {
+import links from './NavLinksWithSubmenu.json';
+export var VerticalWithoutDrawer = function VerticalWithoutDrawer() {
   var layout = 'vertical';
   var border = false;
 
@@ -46,8 +13,9 @@ export var NavVerticalLayout = function NavVerticalLayout() {
       registerNavItem = _useNavList.registerNavItem;
 
   return /*#__PURE__*/React.createElement(Nav, {
-    open: true,
-    border: border
+    border: border,
+    "aria-orientation": layout || 'horizontal',
+    "aria-label": "navigation list"
   }, /*#__PURE__*/React.createElement(NavList, {
     layout: layout
   }, links.map(function (item, key) {
@@ -73,4 +41,4 @@ export var NavVerticalLayout = function NavVerticalLayout() {
     })))));
   })));
 };
-export default NavVerticalLayout;
+export default VerticalWithoutDrawer;

package/es/navigation/NavList/index.js

@@ -10,10 +10,8 @@ export * from '@digigov/react-core/NavMenuContent';
 export * from '@digigov/react-core/NavMenuContentListBase';
 export * from '@digigov/react-core/NavMenuContentListItem';
 export * from '@digigov/react-core/NavMenuTitle';
-export * from '@digigov/react-core/NavListItemAction';
-export * from '@digigov/react-core/NavListItemAction';
 export * from '@digigov/react-core/NavListItemActionContainer';
+export * from '@digigov/react-core/NavListItemAction';
 export * from '@digigov/react-core/NavListItemLink';
 export * from '@digigov/react-core/NavListItemButton';
-export * from '@digigov/react-core/NavListItemAction';
 export default NavList;

package/es/navigation/NavList/index.mdx

@@ -9,13 +9,19 @@ import NavList, { NavListItem } from '@digigov/ui/navigation/NavList';
 
 ## How to use
 
-### Vertical NavList
+### Horizontal NavList
 
 <Story packageName="@digigov/ui" component="navigation/NavList" story="Default.tsx" />
 
-### Horizontal NavList
+### Vertical NavList
+
+<Story packageName="@digigov/ui" component="navigation/NavList" story="Vertical.tsx" />
+
+
+### NavListAuto
+
+<Story packageName="@digigov/ui" component="navigation/NavList" story="UsingNavListAuto.tsx" />
 
-<Story packageName="@digigov/ui" component="navigation/NavList" story="NavVerticalLayout.tsx" />
 
 ## Accessibility
 

package/es/registry.js

@@ -176,6 +176,7 @@ import * as _digigov_ui_utils_Kitchensink_KitchensinkByLetter from '@digigov/ui/
 import * as _digigov_ui_utils_Kitchensink_KitchensinkComponent from '@digigov/ui/utils/Kitchensink/KitchensinkComponent';
 import * as _digigov_ui_utils_Kitchensink_KitchensinkDashboard from '@digigov/ui/utils/Kitchensink/KitchensinkDashboard';
 import * as _digigov_ui_utils_SvgIcon from '@digigov/ui/utils/SvgIcon';
+import * as _digigov_ui_utils_Typography from '@digigov/ui/utils/Typography';
 import * as _digigov_ui_utils_VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';
 import * as _digigov_ui_utils_withDeprecation from '@digigov/ui/utils/withDeprecation';
 
@@ -373,6 +374,7 @@ export default {
   '@digigov/ui/utils/Kitchensink/KitchensinkComponent': lazyImport(_digigov_ui_utils_Kitchensink_KitchensinkComponent),
   '@digigov/ui/utils/Kitchensink/KitchensinkDashboard': lazyImport(_digigov_ui_utils_Kitchensink_KitchensinkDashboard),
   '@digigov/ui/utils/SvgIcon': lazyImport(_digigov_ui_utils_SvgIcon),
+  '@digigov/ui/utils/Typography': lazyImport(_digigov_ui_utils_Typography),
   '@digigov/ui/utils/VisuallyHidden': lazyImport(_digigov_ui_utils_VisuallyHidden),
   '@digigov/ui/utils/withDeprecation': lazyImport(_digigov_ui_utils_withDeprecation)
 };

package/es/utils/Typography/index.js

@@ -0,0 +1,3 @@
+import Typography from '@digigov/react-core/Typography';
+export default Typography;
+export { Typography };

package/esm/app/Header/Header.stories.playwright.json

@@ -36,7 +36,7 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>div>header>div>div:nth-child(2)>ul>li>button"
+                "selector": "html>body>div:nth-child(5)>div>header>div>div:nth-child(2)>button"
               }
             }
           ],

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

@@ -1,23 +1,23 @@
 import React from 'react';
 import Header from '@digigov/ui/app/Header';
 import HeaderContent from '@digigov/ui/app/Header/HeaderContent';
-import HeaderNavMenuContent from '@digigov/ui/app/Header/HeaderNavMenuContent';
 import HeaderSection from '@digigov/ui/app/Header/HeaderSection';
 import HeaderTitle from '@digigov/ui/app/Header/HeaderTitle';
 import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
-import { BurgerIcon, MoreVertIcon } from '@digigov/ui/icons';
+import { ArrowIcon, MoreVertIcon } from '@digigov/ui/icons';
 import { Top } from '@digigov/ui/layouts/Basic';
 import { Dropdown, DropdownButton, DropdownContent } from '@digigov/ui/navigation/Dropdown';
 import NavList from '@digigov/ui/navigation/NavList/NavList';
 import { NavListItemAction } from '@digigov/ui/navigation/NavList';
+import Button from '@digigov/ui/form/Button';
 
 var _ref = /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, null), /*#__PURE__*/React.createElement(HeaderTitle, {
   href: "#"
-}, "\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(HeaderNavMenuContent, null, /*#__PURE__*/React.createElement(NavList, {
-  active: true
-}, /*#__PURE__*/React.createElement(NavListItemAction, {
-  arrow: true
-}, "\u039C\u03B5\u03BD\u03BF\u03CD")), /*#__PURE__*/React.createElement(Dropdown, {
+}, "\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2")), /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(Button, {
+  variant: "link"
+}, "\u039C\u03B5\u03BD\u03BF\u03CD ", /*#__PURE__*/React.createElement(ArrowIcon, {
+  direction: "down"
+})), /*#__PURE__*/React.createElement(Dropdown, {
   align: "right"
 }, /*#__PURE__*/React.createElement(DropdownButton, {
   variant: "link"
@@ -29,10 +29,7 @@ var _ref = /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.create
   href: "#"
 }, "\u03A1\u03C5\u03B8\u03BC\u03AF\u03C3\u03B5\u03B9\u03C2"), /*#__PURE__*/React.createElement(NavListItemAction, {
   href: "#"
-}, "\u0388\u03BE\u03BF\u03B4\u03BF\u03C2"))))), /*#__PURE__*/React.createElement(BurgerIcon, {
-  smUpHidden: true,
-  size: "sm"
-}))));
+}, "\u0388\u03BE\u03BF\u03B4\u03BF\u03C2"))))))));
 
 export var WithHeaderNavigation = function WithHeaderNavigation() {
   return _ref;

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

@@ -1,17 +1,35 @@
-import React from 'react';
-import { NavListAuto } from '@digigov/ui';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { NavListAuto } from '@digigov/ui/navigation/NavList';
+import { BurgerIcon } from '@digigov/ui/icons';
 import { Header } from '@digigov/ui/app/Header';
 import { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';
 import { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';
 import { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';
 import { Top } from '@digigov/ui/layouts/Basic';
+import { Button } from '@digigov/ui/form';
 
-var _ref = /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, {
+var _ref = /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(GovGRLogo, {
   href: "#"
-}))));
+}));
+
+var _ref2 = /*#__PURE__*/React.createElement(BurgerIcon, {
+  size: "md"
+});
 
 export var WithNavigation = function WithNavigation() {
-  return /*#__PURE__*/React.createElement(Top, null, _ref, /*#__PURE__*/React.createElement(NavListAuto, {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(Top, null, /*#__PURE__*/React.createElement(Header, null, /*#__PURE__*/React.createElement(HeaderContent, null, _ref, /*#__PURE__*/React.createElement(HeaderSection, null, /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    smUpHidden: true,
+    onClick: function onClick() {
+      return setOpen(!open);
+    }
+  }, _ref2)))), /*#__PURE__*/React.createElement(NavListAuto, {
     links: [{
       name: 'home',
       label: 'Αρχική',
@@ -29,7 +47,11 @@ export var WithNavigation = function WithNavigation() {
       label: 'Επικοινωνία',
       href: '#contact'
     }],
-    border: true
+    open: open,
+    drawer: "smDown",
+    onClose: function onClose() {
+      return setOpen(false);
+    }
   }));
 };
 export default WithNavigation;

package/esm/app/Modal/Modal.stories.js

@@ -7,4 +7,5 @@ export default {
   displayName: 'Modal'
 };
 export * from '@digigov/ui/app/Modal/__stories__/Default';
-export * from '@digigov/ui/app/Modal/__stories__/AlertDialog';
+export * from '@digigov/ui/app/Modal/__stories__/AlertDialog';
+export * from '@digigov/ui/app/Modal/__stories__/Dense';

package/esm/app/Modal/Modal.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-app-modal--dense": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>button"
+              }
+            }
+          ],
+          "id": "kiFgErhdQ2jf",
+          "title": "Open modal"
+        }
+      ]
+    }
+  }
+}

package/esm/app/Modal/__stories__/Dense.js

@@ -0,0 +1,43 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { Modal, ModalHeading, ModalContent, ModalAction } from '@digigov/ui/app/Modal';
+import { Button } from '@digigov/ui/form/Button';
+import { FieldContainer } from '@digigov/ui/form/FieldContainer';
+import { LabelContainer } from '@digigov/ui/form/LabelContainer';
+import { TextInput } from '@digigov/ui/form/TextInput';
+
+var _ref = /*#__PURE__*/React.createElement(ModalHeading, {
+  id: "modal-label"
+}, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5");
+
+var _ref2 = /*#__PURE__*/React.createElement(ModalContent, null, /*#__PURE__*/React.createElement(FieldContainer, {
+  margin: 0
+}, /*#__PURE__*/React.createElement(LabelContainer, null, "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AF\u03B1\u03C2", /*#__PURE__*/React.createElement(TextInput, {
+  name: "inputext",
+  maxWidth: '10-char'
+}))));
+
+var _ref3 = /*#__PURE__*/React.createElement(Button, null, "\u03A5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE");
+
+export var Dense = function Dense() {
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      setOpen(!open);
+    }
+  }, "\u03A0\u03C1\u03BF\u03C3\u03B8\u03AE\u03BA\u03B7 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"), /*#__PURE__*/React.createElement(Modal, {
+    open: open,
+    "aria-labelledby": "modal-label",
+    dense: true
+  }, _ref, _ref2, /*#__PURE__*/React.createElement(ModalAction, null, _ref3, /*#__PURE__*/React.createElement(Button, {
+    variant: "link",
+    onClick: function onClick() {
+      setOpen(!open);
+    }
+  }, "\u0391\u03BA\u03CD\u03C1\u03C9\u03C3\u03B7"))));
+};
+export default Dense;

package/esm/feedback/CopyToClipboard/CopyToClipboard.stories.js

@@ -5,4 +5,5 @@ export default {
   displayName: 'CopyToClipboard'
 };
 export * from '@digigov/ui/feedback/CopyToClipboard/__stories__/Default';
-export * from '@digigov/ui/feedback/CopyToClipboard/__stories__/Banner';
+export * from '@digigov/ui/feedback/CopyToClipboard/__stories__/Banner';
+export * from '@digigov/ui/feedback/CopyToClipboard/__stories__/Dense';

package/esm/feedback/CopyToClipboard/CopyToClipboard.stories.playwright.json

@@ -32,6 +32,22 @@
           "title": "Click button"
         }
       ]
+    },
+    "digigov-ui-feedback-copytoclipboard--dense": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>button"
+              }
+            }
+          ],
+          "id": "ghUU4iC32gX-",
+          "title": "Click button"
+        }
+      ]
     }
   }
 }

package/esm/feedback/CopyToClipboard/__stories__/Dense.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CopyToClipboard } from '@digigov/ui/feedback/CopyToClipboard';
+import { Button } from '@digigov/ui/form/Button';
+
+var _ref = /*#__PURE__*/React.createElement(CopyToClipboard, {
+  text: "copied-text",
+  variant: "tooltip",
+  tooltipAlign: "left",
+  message: "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03AC\u03C6\u03B7\u03BA\u03B5 \u03C3\u03C4\u03BF \u03C0\u03C1\u03CC\u03C7\u03B5\u03B9\u03C1\u03BF",
+  id: "copy-to-clipboard",
+  dense: true
+}, /*#__PURE__*/React.createElement(Button, {
+  color: "secondary",
+  "aria-describedby": "copy-to-clipboard"
+}, "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE"));
+
+export var Dense = function Dense() {
+  return _ref;
+};
+export default Dense;

package/esm/feedback/CopyToClipboard/index.js

@@ -11,6 +11,7 @@ export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipbo
       _ref$tooltipAlign = _ref.tooltipAlign,
       tooltipAlign = _ref$tooltipAlign === void 0 ? 'right' : _ref$tooltipAlign,
       message = _ref.message,
+      dense = _ref.dense,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 3000 : _ref$timeout,
       children = _ref.children;
@@ -41,7 +42,8 @@ export var CopyToClipboard = /*#__PURE__*/React.forwardRef(function CopyToClipbo
     onClick: copyToClipboard,
     variant: variant,
     tooltipAlign: tooltipAlign,
-    ref: ref
+    ref: ref,
+    dense: dense
   }, children, enabled && /*#__PURE__*/React.createElement(CopyToClipboardMessage, {
     enabled: enabled,
     role: "tooltip"

package/esm/feedback/ErrorSummary/ErrorSummary.stories.js

@@ -7,6 +7,7 @@ export default {
   displayName: 'ErrorSummary'
 };
 export * from '@digigov/ui/feedback/ErrorSummary/__stories__/Default';
+export * from '@digigov/ui/feedback/ErrorSummary/__stories__/Dense';
 export * from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput';
 export * from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToField';
 export * from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';

package/esm/feedback/ErrorSummary/__stories__/Dense.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';
+import { Link } from '@digigov/ui/navigation/Link';
+import { Heading } from '@digigov/ui/typography/Heading';
+
+var _ref = /*#__PURE__*/React.createElement(ErrorSummary, {
+  dense: true
+}, /*#__PURE__*/React.createElement(Heading, {
+  size: "sm"
+}, "\u03A5\u03C0\u03AE\u03C1\u03BE\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03C0\u03C1\u03CC\u03B2\u03BB\u03B7\u03BC\u03B1"), /*#__PURE__*/React.createElement(Link, null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03AD\u03C4\u03BF\u03C2"));
+
+export var Dense = function Dense() {
+  return _ref;
+};
+export default Dense;

package/esm/feedback/NotificationBanner/NotificationBanner.stories.js

@@ -8,4 +8,5 @@ export default {
   displayName: 'NotificationBanner'
 };
 export * from '@digigov/ui/feedback/NotificationBanner/__stories__/Default';
-export * from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';
+export * from '@digigov/ui/feedback/NotificationBanner/__stories__/Success';
+export * from '@digigov/ui/feedback/NotificationBanner/__stories__/Dense';

package/esm/feedback/NotificationBanner/__stories__/Dense.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { NotificationBanner } from '@digigov/ui/feedback/NotificationBanner';
+export var Dense = function Dense() {
+  return /*#__PURE__*/React.createElement(NotificationBanner, {
+    title: "\u0395\u03B9\u03B4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7",
+    link: {
+      label: 'Προβολή αίτησης',
+      href: '#link?name=NotificationBannerDefault'
+    },
+    dense: true
+  }, "\u03A3\u03B5 7 \u03B7\u03BC\u03AD\u03C1\u03B5\u03C2 \u03B8\u03B1 \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C5\u03C0\u03BF\u03B2\u03AC\u03BB\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B1\u03AF\u03C4\u03B7\u03C3\u03B7.");
+};
+export default Dense;

package/esm/feedback/NotificationBanner/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "title", "link", "children"];
+var _excluded = ["variant", "title", "link", "dense", "children"];
 import React from 'react';
 import NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';
 import NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
@@ -14,11 +14,13 @@ export var NotificationBanner = function NotificationBanner(_ref) {
   var variant = _ref.variant,
       title = _ref.title,
       link = _ref.link,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(NotificationBannerContainer, _extends({
-    variant: variant
+    variant: variant,
+    dense: dense
   }, props), title && /*#__PURE__*/React.createElement(NotificationBannerHeader, null, title), /*#__PURE__*/React.createElement(NotificationBannerContent, null, /*#__PURE__*/React.createElement(NotificationBannerHeading, null, children, _ref2, link && /*#__PURE__*/React.createElement(NotificationBannerLink, {
     href: link.href
   }, link.label))));

package/esm/feedback/WarningText/WarningText.stories.js

@@ -7,4 +7,5 @@ export default {
   displayName: 'WarningText'
 };
 export * from '@digigov/ui/feedback/WarningText/__stories__/Default';
-export * from '@digigov/ui/feedback/WarningText/__stories__/AssistiveText';
+export * from '@digigov/ui/feedback/WarningText/__stories__/AssistiveText';
+export * from '@digigov/ui/feedback/WarningText/__stories__/Dense';

package/esm/feedback/WarningText/__stories__/Dense.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { WarningText } from '@digigov/ui/feedback/WarningText';
+
+var _ref = /*#__PURE__*/React.createElement(WarningText, {
+  dense: true
+}, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03B5\u03C0\u03B9\u03B2\u03BB\u03B7\u03B8\u03B5\u03AF \u03C0\u03C1\u03CC\u03C3\u03C4\u03B9\u03BC\u03BF \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 5.000 \u03B5\u03C5\u03C1\u03CE \u03B5\u03AC\u03BD \u03B4\u03B5\u03BD \u03B5\u03B3\u03B3\u03C1\u03B1\u03C6\u03B5\u03AF\u03C4\u03B5.");
+
+export var Dense = function Dense() {
+  return _ref;
+};
+export default Dense;

package/esm/form/Button/Button.stories.js

@@ -14,6 +14,7 @@ export * from './__stories__/GroupingButtons';
 export * from './__stories__/GroupingButtonsAndLinks';
 export * from './__stories__/CallToActionButton';
 export * from './__stories__/Disabled';
+export * from './__stories__/Dense';
 export * from './__stories__/ButtonLinkButton';
 export * from './__stories__/Back';
 export * from './__stories__/WithVariantLink';

package/esm/form/Button/__stories__/Dense.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Button } from '@digigov/ui/form/Button';
+
+var _ref = /*#__PURE__*/React.createElement(Button, {
+  dense: true,
+  "aria-label": "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5"
+}, "\u03A0\u03C1\u03BF\u03B2\u03BF\u03BB\u03AE \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF\u03C5");
+
+export var Dense = function Dense() {
+  return _ref;
+};
+export default Dense;

package/esm/form/Checkbox/Checkbox.stories.js

@@ -14,4 +14,5 @@ export * from '@digigov/ui/form/Checkbox/__stories__/WithHint';
 export * from '@digigov/ui/form/Checkbox/__stories__/NoneAnswer';
 export * from '@digigov/ui/form/Checkbox/__stories__/NoneAnswerWithError';
 export * from '@digigov/ui/form/Checkbox/__stories__/WithErrorMessage';
-export * from '@digigov/ui/form/Checkbox/__stories__/ConditionalReveal';
+export * from '@digigov/ui/form/Checkbox/__stories__/ConditionalReveal';
+export * from '@digigov/ui/form/Checkbox/__stories__/Dense';