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

package/esm/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/esm/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/{es/navigation/NavList/__stories__/NavVerticalLayout.js → esm/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/esm/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/esm/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/esm/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/esm/utils/Typography/index.js

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

package/feedback/CopyToClipboard/CopyToClipboard.stories.d.ts

@@ -6,4 +6,5 @@ declare namespace _default {
 export default _default;
 export * from "@digigov/ui/feedback/CopyToClipboard/__stories__/Default";
 export * from "@digigov/ui/feedback/CopyToClipboard/__stories__/Banner";
+export * from "@digigov/ui/feedback/CopyToClipboard/__stories__/Dense";
 import CopyToClipboard from "@digigov/ui/feedback/CopyToClipboard";

package/feedback/CopyToClipboard/CopyToClipboard.stories.js

@@ -37,6 +37,20 @@ Object.keys(_Banner).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/feedback/CopyToClipboard/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/feedback/CopyToClipboard',
   component: _CopyToClipboard["default"],

package/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/feedback/CopyToClipboard/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/feedback/CopyToClipboard/__stories__/Dense.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _CopyToClipboard = require("@digigov/ui/feedback/CopyToClipboard");
+
+var _Button = require("@digigov/ui/form/Button");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_CopyToClipboard.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["default"].createElement(_Button.Button, {
+  color: "secondary",
+  "aria-describedby": "copy-to-clipboard"
+}, "\u0391\u03BD\u03C4\u03B9\u03B3\u03C1\u03B1\u03C6\u03AE"));
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/feedback/CopyToClipboard/index.d.ts

@@ -6,6 +6,6 @@ export interface CopyToClipboardProps extends CopyToClipboardContainerProps {
     message?: string;
     timeout?: number;
 }
-export declare const CopyToClipboard: React.ForwardRefExoticComponent<Pick<CopyToClipboardProps, "children" | "slot" | "style" | "title" | "text" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "tooltipAlign" | "message" | "timeout"> & React.RefAttributes<HTMLDivElement>>;
+export declare const CopyToClipboard: React.ForwardRefExoticComponent<Pick<CopyToClipboardProps, "children" | "slot" | "style" | "title" | "text" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "dense" | "tooltipAlign" | "message" | "timeout"> & React.RefAttributes<HTMLDivElement>>;
 export default CopyToClipboard;
 export { CopyToClipboardContainer, CopyToClipboardMessage };

package/feedback/CopyToClipboard/index.js

@@ -45,6 +45,7 @@ var CopyToClipboard = /*#__PURE__*/_react["default"].forwardRef(function CopyToC
       _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;
@@ -75,7 +76,8 @@ var CopyToClipboard = /*#__PURE__*/_react["default"].forwardRef(function CopyToC
     onClick: copyToClipboard,
     variant: variant,
     tooltipAlign: tooltipAlign,
-    ref: ref
+    ref: ref,
+    dense: dense
   }, children, enabled && /*#__PURE__*/_react["default"].createElement(_CopyToClipboardMessage["default"], {
     enabled: enabled,
     role: "tooltip"

package/feedback/ErrorSummary/ErrorSummary.stories.d.ts

@@ -7,6 +7,7 @@ declare namespace _default {
 }
 export default _default;
 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/feedback/ErrorSummary/ErrorSummary.stories.js

@@ -24,6 +24,20 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
+var _Dense = require("@digigov/ui/feedback/ErrorSummary/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
+
 var _LinkedToInput = require("@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToInput");
 
 Object.keys(_LinkedToInput).forEach(function (key) {

package/feedback/ErrorSummary/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/feedback/ErrorSummary/__stories__/Dense.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ErrorSummary = require("@digigov/ui/feedback/ErrorSummary");
+
+var _Link = require("@digigov/ui/navigation/Link");
+
+var _Heading = require("@digigov/ui/typography/Heading");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_ErrorSummary.ErrorSummary, {
+  dense: true
+}, /*#__PURE__*/_react["default"].createElement(_Heading.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["default"].createElement(_Link.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"));
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/feedback/NotificationBanner/NotificationBanner.stories.d.ts

@@ -9,4 +9,5 @@ declare namespace _default {
 export default _default;
 export * from "@digigov/ui/feedback/NotificationBanner/__stories__/Default";
 export * from "@digigov/ui/feedback/NotificationBanner/__stories__/Success";
+export * from "@digigov/ui/feedback/NotificationBanner/__stories__/Dense";
 import NotificationBanner from "@digigov/ui/feedback/NotificationBanner";

package/feedback/NotificationBanner/NotificationBanner.stories.js

@@ -37,6 +37,20 @@ Object.keys(_Success).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/feedback/NotificationBanner/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/feedback/NotificationBanner',
   tags: ['Experimental'],

package/feedback/NotificationBanner/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/feedback/NotificationBanner/__stories__/Dense.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NotificationBanner = require("@digigov/ui/feedback/NotificationBanner");
+
+var Dense = function Dense() {
+  return /*#__PURE__*/_react["default"].createElement(_NotificationBanner.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.");
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/feedback/NotificationBanner/index.js

@@ -54,7 +54,7 @@ var _NotificationBannerHeading = _interopRequireDefault(require("@digigov/react-
 
 var _NotificationBannerLink = _interopRequireDefault(require("@digigov/react-core/NotificationBannerLink"));
 
-var _excluded = ["variant", "title", "link", "children"];
+var _excluded = ["variant", "title", "link", "dense", "children"];
 
 var _ref2 = /*#__PURE__*/_react["default"].createElement("br", null);
 
@@ -62,10 +62,12 @@ var NotificationBanner = function NotificationBanner(_ref) {
   var variant = _ref.variant,
       title = _ref.title,
       link = _ref.link,
+      dense = _ref.dense,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_NotificationBannerContainer["default"], (0, _extends2["default"])({
-    variant: variant
+    variant: variant,
+    dense: dense
   }, props), title && /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeader["default"], null, title), /*#__PURE__*/_react["default"].createElement(_NotificationBannerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeading["default"], null, children, _ref2, link && /*#__PURE__*/_react["default"].createElement(_NotificationBannerLink["default"], {
     href: link.href
   }, link.label))));

package/feedback/WarningText/WarningText.stories.d.ts

@@ -8,4 +8,5 @@ declare namespace _default {
 export default _default;
 export * from "@digigov/ui/feedback/WarningText/__stories__/Default";
 export * from "@digigov/ui/feedback/WarningText/__stories__/AssistiveText";
+export * from "@digigov/ui/feedback/WarningText/__stories__/Dense";
 import WarningText from "@digigov/ui/feedback/WarningText";

package/feedback/WarningText/WarningText.stories.js

@@ -37,6 +37,20 @@ Object.keys(_AssistiveText).forEach(function (key) {
     }
   });
 });
+
+var _Dense = require("@digigov/ui/feedback/WarningText/__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/feedback/WarningText',
   description: 'Use the warning text component when you need to warn users about something important, such as legal consequences of an action, or lack of action, that they might take.',

package/feedback/WarningText/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/feedback/WarningText/__stories__/Dense.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WarningText = require("@digigov/ui/feedback/WarningText");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_WarningText.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.");
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/form/Button/Button.stories.d.ts

@@ -13,6 +13,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/form/Button/Button.stories.js

@@ -108,6 +108,20 @@ Object.keys(_Disabled).forEach(function (key) {
   });
 });
 
+var _Dense = require("./__stories__/Dense");
+
+Object.keys(_Dense).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Dense[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dense[key];
+    }
+  });
+});
+
 var _ButtonLinkButton = require("./__stories__/ButtonLinkButton");
 
 Object.keys(_ButtonLinkButton).forEach(function (key) {

package/form/Button/__stories__/Dense.d.ts

@@ -0,0 +1,2 @@
+export declare const Dense: () => JSX.Element;
+export default Dense;

package/form/Button/__stories__/Dense.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Dense = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = require("@digigov/ui/form/Button");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Button.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");
+
+var Dense = function Dense() {
+  return _ref;
+};
+
+exports.Dense = Dense;
+var _default = Dense;
+exports["default"] = _default;

package/form/Checkbox/Checkbox.stories.d.ts

@@ -15,4 +15,5 @@ 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__/Dense";
 import Checkbox from "@digigov/ui/form/Checkbox";