@digigov/ui 1.0.0-88820b1e → 1.0.0-8bbf3ef2

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,8 @@ 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';
+export * from '@digigov/ui/feedback/ErrorSummary/__stories__/LinkedToCheckbox';
+export * from '@digigov/ui/feedback/ErrorSummary/__stories__/WithBackLinkAndButton';

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/ErrorSummary/__stories__/LinkedToCheckbox.js

@@ -6,6 +6,7 @@ import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/Field
 import { Link } from '@digigov/ui/navigation/Link';
 import { Heading } from '@digigov/ui/typography/Heading';
 import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
+import { Hint } from '@digigov/ui/typography/Hint';
 
 var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ErrorSummary, null, /*#__PURE__*/React.createElement(Heading, {
   size: "sm"
@@ -13,7 +14,7 @@ var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.crea
   href: "#england"
 }, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2.")), /*#__PURE__*/React.createElement(FieldContainer, {
   error: true
-}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2."), /*#__PURE__*/React.createElement(Checkbox, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2."), /*#__PURE__*/React.createElement(Checkbox, null, /*#__PURE__*/React.createElement(CheckboxItem, {
   name: "england",
   value: "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1",
   id: "england"

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

@@ -12,10 +12,10 @@ var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.crea
   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, {
   href: "#passport-date"
-}, "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03AD\u03BA\u03B4\u03BF\u03C3\u03B7\u03C2 \u03C4\u03BF\u03C5 \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03B7\u03C1\u03AF\u03BF\u03C5 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C3\u03C4\u03BF \u03C0\u03B1\u03C1\u03B5\u03BB\u03B8\u03CC\u03BD.")), /*#__PURE__*/React.createElement(FieldContainer, {
+}, "\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.")), /*#__PURE__*/React.createElement(FieldContainer, {
   error: true,
   id: "passport-date"
-}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF;"), /*#__PURE__*/React.createElement(Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), " \u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03AD\u03BA\u03B4\u03BF\u03C3\u03B7\u03C2 \u03C4\u03BF\u03C5 \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03B7\u03C1\u03AF\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03C3\u03C4\u03BF \u03C0\u03B1\u03C1\u03B5\u03BB\u03B8\u03CC\u03BD."), /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DateInputItem, {
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03AD\u03C4\u03BF\u03C2."), /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DateInputItem, {
   name: "day"
 }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
   name: "month"
@@ -23,7 +23,7 @@ var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.crea
   error: true,
   width: 4,
   name: "year"
-}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2")))));
+}, "\u0388\u03C4\u03BF\u03C2")))));
 
 export var LinkedToField = function LinkedToField() {
   return _ref;

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';
+import { DateInputContainer, DateInputItem } from '@digigov/ui/form/DateInputContainer';
+import { ErrorMessage } from '@digigov/ui/form/ErrorMessage';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
+import { Link } from '@digigov/ui/navigation/Link';
+import { Heading } from '@digigov/ui/typography/Heading';
+import { Hint } from '@digigov/ui/typography/Hint';
+import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
+import { BackLink } from '@digigov/ui/navigation/BackLink';
+import Button from '@digigov/ui/form/Button';
+
+var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(BackLink, {
+  href: "/"
+}, "\u03A0\u03AF\u03C3\u03C9"), /*#__PURE__*/React.createElement(ErrorSummary, null, /*#__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, {
+  href: "#passport-date"
+}, "\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")), /*#__PURE__*/React.createElement(FieldContainer, {
+  error: true,
+  id: "passport-date"
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2"), /*#__PURE__*/React.createElement(Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03AD\u03C4\u03BF\u03C2."), /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DateInputItem, {
+  name: "day"
+}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
+  name: "month"
+}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
+  error: true,
+  width: 4,
+  name: "year"
+}, "\u0388\u03C4\u03BF\u03C2")))), /*#__PURE__*/React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+
+export var WithBackLinkAndButton = function WithBackLinkAndButton() {
+  return _ref;
+};
+export default WithBackLinkAndButton;

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/ServiceBadge/index.mdx

@@ -5,17 +5,21 @@ parent: docs/ui/component
 ---
 
 import ServiceBadge from '@digigov/ui/feedback/ServiceBadge';
-import Header, { HeaderTitle } from '@digigov/ui/app/Header';
+import Header, { HeaderContent, HeaderSection, HeaderTitle } from '@digigov/ui/app/Header';
 import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 
 ## Example
 
 <Header>
-  <GovGRLogo />
-  <HeaderTitle>
-    Service Name <ServiceBadge label="ALPHA" />
-  </HeaderTitle>
+  <HeaderContent>
+    <HeaderSection>
+      <GovGRLogo />
+      <HeaderTitle>Service Name </HeaderTitle>
+      <ServiceBadge label="ALPHA" />
+    </HeaderSection>
+  </HeaderContent>
 </Header>
+<br/>
 
 ## How to use
 

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__/CallToActionButton.js

@@ -1,15 +1,12 @@
 import React from 'react';
 import { CallToAction } from '@digigov/ui/form/Button/CallToAction';
-/**
- * My primary descrition is the best description that was described
- */
 
 var _ref = /*#__PURE__*/React.createElement(CallToAction, {
   href: "#",
   role: "button",
   "aria-label": "\u0395\u03AF\u03C3\u03BF\u03B4\u03BF\u03C2 \u03C3\u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1",
   tabIndex: 0
-}, "\u0395\u03AF\u03C3\u03BF\u03B4\u03BF\u03C2");
+}, "\u0395\u03AF\u03C3\u03BF\u03B4\u03BF\u03C2 \u03C3\u03C4\u03B7\u03BD \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1");
 
 export var CallToActionButton = function CallToActionButton() {
   return _ref;

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/Button/__stories__/GroupingButtons.js

@@ -1,8 +1,5 @@
 import React from 'react';
 import { Button, ButtonGroup } from '@digigov/ui/form/Button';
-/**
- * My deescrition is the best description that was described
- */
 
 var _ref = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, null, "\u039F\u03C1\u03B9\u03C3\u03C4\u03B9\u03BA\u03AE \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE"), /*#__PURE__*/React.createElement(Button, {
   color: "secondary"

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

@@ -1,9 +1,6 @@
 import React from 'react';
 import { Button, ButtonGroup } from '@digigov/ui/form/Button';
 import { Link } from '@digigov/ui/navigation/Link';
-/**
- * My deescrition is the best description that was described
- */
 
 var _ref = /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
   "aria-label": "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"

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

@@ -1,8 +1,5 @@
 import React from 'react';
 import { Button } from '@digigov/ui/form/Button';
-/**
- * My primary descrition is the best description that was described
- */
 
 var _ref = /*#__PURE__*/React.createElement(Button, {
   "aria-label": "\u03A3\u03C5\u03BD\u03B5\u03C7\u03AF\u03C3\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B5\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"

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

@@ -1,8 +1,5 @@
 import React from 'react';
 import { Button } from '@digigov/ui/form/Button';
-/**
- * My primary descrition is the best description that was described
- */
 
 var _ref = /*#__PURE__*/React.createElement(Button, {
   color: "secondary",

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

@@ -1,9 +1,5 @@
 import React from 'react';
 import { Button } from '@digigov/ui/form/Button';
-/**
- * My primary descrition is the best description that was described
- */
-
 export var WithVariantLink = function WithVariantLink() {
   return /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {

package/esm/form/Button/index.mdx

@@ -55,7 +55,7 @@ Any links within a button group will automatically align with the buttons.
 <Story packageName="@digigov/ui" component="form/Button" story="GroupingButtonsAndLinks.tsx" />
 
 Write button text in sentence case, describing the action it performs. For
-example:'
+example:
 
 - `Start now` at the [start of the service](https://guide.services.gov.gr/docs/start-pages)
 - `Sign in` to an account a user has already created
@@ -85,12 +85,12 @@ to do next.
 
 ## API Docs
 
-Read more about [how to use the React types](/docs/api/Button)
+Read more about [how to use the React types](/docs/api/Button).
 
 ## Accessibility
 
-You can read more about the accessibility patterns used in our Select
-implementation in the ARIA Authoring Practices Guide (APG) at
+You can read more about the accessibility patterns used in our Button
+implementation in the ARIA Authoring Practices Guide (APG) at [button](https://www.w3.org/WAI/ARIA/apg/patterns/button/) section.
 
 ## API
 

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Checkbox, CheckboxItem } from '@digigov/ui/form/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
+  "aria-describedby": "feeling-hint"
+}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;"), /*#__PURE__*/React.createElement(Hint, {
+  id: "feeling-hint"
+}, "\u03A0\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B1\u03C2 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C0\u03C1\u03CC\u03C3\u03C6\u03B1\u03C4\u03B5\u03C2 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AD\u03C2. \u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(Checkbox, {
+  dense: true
+}, /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "feeling",
+  value: "cold"
+}, "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"), /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "feeling",
+  value: "fever"
+}, "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC"), /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "feeling",
+  value: "fatigue"
+}, "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7"))));
+
+export var Dense = function Dense() {
+  return _ref;
+};
+export default Dense;

package/esm/form/Checkbox/__stories__/WithHint.js

@@ -5,7 +5,7 @@ import { Hint } from '@digigov/ui/typography/Hint';
 
 var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "nationality-hint"
-}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C5\u03C0\u03B7\u03BA\u03BF\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
+}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C5\u03C0\u03B7\u03BA\u03BF\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
   id: "nationality-hint"
 }, "\u0391\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C0\u03BF\u03BB\u03BB\u03B1\u03C0\u03BB\u03AE \u03C5\u03C0\u03B7\u03BA\u03BF\u03CC\u03C4\u03B7\u03C4\u03B1, \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(Checkbox, null, /*#__PURE__*/React.createElement(CheckboxItem, {
   name: "nationality",

package/esm/form/Checkbox/index.mdx

@@ -47,6 +47,11 @@ This might make 2 related questions easier to answer by grouping them on the sam
 
 <Story packageName="@digigov/ui" component="form/Checkbox" story="ConditionalReveal.tsx" />
 
+## Accessibility
+
+You can read more about the accessibility patterns used in our Checkbox
+implementation in the ARIA Authoring Practices Guide (APG) at [Checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/) section.
+
 ## API
 
 <PropTypes packageName="@digigov/ui" component="Checkbox" />

package/esm/form/DateInputContainer/DateInputContainer.stories.js

@@ -9,4 +9,5 @@ export default {
 export * from '@digigov/ui/form/DateInputContainer/__stories__/Default';
 export * from '@digigov/ui/form/DateInputContainer/__stories__/MultipleQuestions';
 export * from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessage';
-export * from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField';
+export * from '@digigov/ui/form/DateInputContainer/__stories__/WithErrorMessageForSingleField';
+export * from '@digigov/ui/form/DateInputContainer/__stories__/Dense';

package/esm/form/DateInputContainer/__stories__/Default.js

@@ -16,7 +16,7 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/R
 }, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
   width: 4,
   name: "year"
-}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
+}, "\u0388\u03C4\u03BF\u03C2"))));
 
 export var Default = function Default() {
   return _ref;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { DateInputContainer, DateInputItem } from '@digigov/ui/form/DateInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
+  "aria-describedby": "passport-hint"
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
+  size: "md"
+}, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(DateInputContainer, {
+  dense: true
+}, /*#__PURE__*/React.createElement(DateInputItem, {
+  name: "day"
+}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
+  name: "month"
+}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
+  width: 4,
+  name: "year"
+}, "\u0388\u03C4\u03BF\u03C2"))));
+
+export var Dense = function Dense() {
+  return _ref;
+};
+export default Dense;

package/esm/form/DateInputContainer/__stories__/MultipleQuestions.js

@@ -7,7 +7,7 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   "aria-describedby": "passport-hint"
 }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "md"
-}, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF;"), /*#__PURE__*/React.createElement(Hint, {
+}, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03CC \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
   id: "passport-hint"
 }, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DateInputItem, {
   name: "day"
@@ -16,7 +16,7 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
 }, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
   width: 4,
   name: "year"
-}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
+}, "\u0388\u03C4\u03BF\u03C2"))));
 
 export var MultipleQuestions = function MultipleQuestions() {
   return _ref;

package/esm/form/DateInputContainer/__stories__/WithErrorMessage.js

@@ -27,7 +27,7 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   width: 4,
   name: "year",
   defaultValue: 2043
-}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
+}, "\u0388\u03C4\u03BF\u03C2"))));
 
 export var WithErrorMessage = function WithErrorMessage() {
   return _ref;

package/esm/form/DateInputContainer/__stories__/WithErrorMessageForSingleField.js

@@ -24,7 +24,7 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   width: 4,
   name: "year",
   defaultValue: 2043
-}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
+}, "\u0388\u03C4\u03BF\u03C2"))));
 
 export var WithErrorMessageForSingleField = function WithErrorMessageForSingleField() {
   return _ref;

package/esm/form/DateInputContainer/index.mdx

@@ -26,3 +26,8 @@ If you’re highlighting the whole date, style all the fields like this:
 If you’re highlighting just one field - either the day, month or year - only style the field that has an error. The error message must say which field has an error, like this:
 
 <Story packageName="@digigov/ui" component="form/DateInputContainer"story="WithErrorMessageForSingleField.tsx" />
+
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="DateInputContainer" />

package/esm/form/ErrorMessage/ErrorMessage.stories.js

@@ -6,4 +6,6 @@ export default {
   component: ErrorMessage,
   displayName: 'ErrorMessage'
 };
-export * from '@digigov/ui/form/ErrorMessage/__stories__/Default';
+export * from '@digigov/ui/form/ErrorMessage/__stories__/Default';
+export * from '@digigov/ui/form/ErrorMessage/__stories__/DateInputError';
+export * from '@digigov/ui/form/ErrorMessage/__stories__/ErrorMessageOnly';

package/esm/form/ErrorMessage/__stories__/DateInputError.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { DateInputContainer, DateInputItem } from '@digigov/ui/form/DateInputContainer';
+import { ErrorMessage } from '@digigov/ui/form/ErrorMessage';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
+import { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';
+
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
+  error: true,
+  id: "passport-date"
+}, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/React.createElement(ErrorMessage, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0397 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03B7\u03C2 \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03AD\u03C7\u03B5\u03B9 \u03AD\u03C4\u03BF\u03C2."), /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DateInputItem, {
+  name: "day"
+}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
+  name: "month"
+}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/React.createElement(DateInputItem, {
+  error: true,
+  width: 4,
+  name: "year"
+}, "\u0388\u03C4\u03BF\u03C2"))));
+
+export var DateInputError = function DateInputError() {
+  return _ref;
+};
+export default DateInputError;

package/esm/form/ErrorMessage/__stories__/Default.js

@@ -9,19 +9,22 @@ var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   error: true
 }, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "country-hint"
-}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u0398\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5 \u03C3\u03B5 \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
+}, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B5\u03B8\u03BD\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
   id: "country-hint"
 }, "\u0391\u03BD \u03AD\u03C7\u03B5\u03C4\u03B5 \u03C0\u03BF\u03BB\u03BB\u03B1\u03C0\u03BB\u03AE \u03C5\u03C0\u03B7\u03BA\u03BF\u03CC\u03C4\u03B7\u03C4\u03B1, \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9."), /*#__PURE__*/React.createElement(ErrorMessage, {
   id: "country-error"
-}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AF\u03B1 \u03AE \u03C0\u03B1\u03C1\u03B1\u03C0\u03AC\u03BD\u03C9 \u03C7\u03CE\u03C1\u03B5\u03C2."), /*#__PURE__*/React.createElement(Checkbox, {
+}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03B1\u03BD \u03B7 \u03B5\u03B8\u03BD\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1 \u03C3\u03B1\u03C2 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B5\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AE, \u03BA\u03C5\u03C0\u03C1\u03B9\u03B1\u03BA\u03AE \u03AE \u03BA\u03AC\u03C0\u03BF\u03B9\u03B1\u03C2 \u03AC\u03BB\u03BB\u03B7\u03C2 \u03C7\u03CE\u03C1\u03B1\u03C2."), /*#__PURE__*/React.createElement(Checkbox, {
   "aria-describedby": "country-error"
 }, /*#__PURE__*/React.createElement(CheckboxItem, {
-  name: "cold",
-  value: "cold"
-}, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(CheckboxItem, {
-  name: "fever",
-  value: "fever"
-}, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"))));
+  name: "greek",
+  value: "greek"
+}, "\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AE", /*#__PURE__*/React.createElement(Hint, null, "\u03C3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03B1\u03BD\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD \u03B1\u03C0\u03CC\u03B4\u03B7\u03BC\u03C9\u03BD \u03C0\u03BF\u03BB\u03B9\u03C4\u03CE\u03BD")), /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "cypriot",
+  value: "cypriot"
+}, "\u039A\u03C5\u03C0\u03C1\u03B9\u03B1\u03BA\u03AE"), /*#__PURE__*/React.createElement(CheckboxItem, {
+  name: "another_country",
+  value: "another_country"
+}, "\u0386\u03BB\u03BB\u03B7 \u03C7\u03CE\u03C1\u03B1"))));
 
 export var Default = function Default() {
   return _ref;