@digigov/ui 0.28.3 → 0.29.0

package/es/core/Card/card.mdx

@@ -3,36 +3,38 @@ id: card
 title: Card
 ---
 
-
 # Card
 
-Cards can be used to divide and organise interface content for better understandability and readability. 
+Cards can be used to divide and organise interface content for better understandability and readability.
 When used correctly, Cards can help users to scan through vast amounts of information quicker.
 
- 
-
-
 ```bash
 import Card from '@digigov/ui/core/Card';
-``` 
+```
 
 ## How to use
 
 <Story packageName="@digigov/ui" component="core/Card" story="Default.tsx" />
 
-
 ### Card with border
 
 You can set the color of the Card's border. You can choose between `dark` and `grey` color respectively.
 
 #### Card with gray border color
 
-<Story packageName="@digigov/ui" component="core/Card" story="WithGrayBorder.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Card"
+  story="WithGrayBorder.tsx"
+/>
 
 #### Card with dark border color
 
-<Story packageName="@digigov/ui" component="core/Card" story="WithDarkBorder.tsx" />
-
+<Story
+  packageName="@digigov/ui"
+  component="core/Card"
+  story="WithDarkBorder.tsx"
+/>
 
 ### Card with top border
 
@@ -40,17 +42,27 @@ You can set the color of the Card's top border. You can choose between dark and
 
 #### Card with grey top border
 
-<Story packageName="@digigov/ui" component="core/Card" story="WithGrayTopBorder.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Card"
+  story="WithGrayTopBorder.tsx"
+/>
 
 #### Card with dark top border
 
-<Story packageName="@digigov/ui" component="core/Card" story="WithDarkTopBorder.tsx" />
-
+<Story
+  packageName="@digigov/ui"
+  component="core/Card"
+  story="WithDarkTopBorder.tsx"
+/>
 
 ### Card with divider
 
-<Story packageName="@digigov/ui" component="core/Card" story="WithDivider.tsx" />
-
+<Story
+  packageName="@digigov/ui"
+  component="core/Card"
+  story="WithDivider.tsx"
+/>
 
 ### Card with actions
 
@@ -58,14 +70,21 @@ You can set the color of the Card's top border. You can choose between dark and
 
 Cards can be used without an action button, but with a clickable title.
 
-<Story packageName="@digigov/ui" component="core/Card" story="WithClickableLink.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Card"
+  story="WithClickableLink.tsx"
+/>
 
 #### Card with clickable content
 
 You can expand the clickable area of the link to fill Card's content.
 
-<Story packageName="@digigov/ui" component="core/Card" story="WithClickableContent.tsx" />
-
+<Story
+  packageName="@digigov/ui"
+  component="core/Card"
+  story="WithClickableContent.tsx"
+/>
 
 Cards also provides styles for actionable elements such as Buttons or Links.
 

package/es/core/Checkbox/Checkbox.stories.js

@@ -0,0 +1,15 @@
+import Checkbox from '@digigov/ui/core/Checkbox';
+export default {
+  title: 'Digigov UI/core/Checkbox',
+  description: 'Let users select one or more options by using the checkboxes component.',
+  link: 'https://guide.services.gov.gr/docs/components/checkboxes',
+  component: Checkbox,
+  displayName: 'Checkbox'
+};
+export * from '@digigov/ui/core/Checkbox/__stories__/Default';
+export * from '@digigov/ui/core/Checkbox/__stories__/MultipleQuestions';
+export * from '@digigov/ui/core/Checkbox/__stories__/WithHint';
+export * from '@digigov/ui/core/Checkbox/__stories__/NoneAnswer';
+export * from '@digigov/ui/core/Checkbox/__stories__/NoneAnswerWithError';
+export * from '@digigov/ui/core/Checkbox/__stories__/WithErrorMessage';
+export * from '@digigov/ui/core/Checkbox/__stories__/ConditionalReveal';

package/{esm/core/Checkboxes → es/core/Checkbox}/Checkbox.stories.playwright.json

@@ -1,7 +1,7 @@
 {
   "version": "4",
   "stories": {
-    "digigov-ui-core-checkboxes--multiple-questions": {
+    "digigov-ui-core-checkbox--multiple-questions": {
       "actionSets": [
         {
           "actions": [
@@ -17,7 +17,7 @@
         }
       ]
     },
-    "digigov-ui-core-checkboxes--with-hint": {
+    "digigov-ui-core-checkbox--with-hint": {
       "actionSets": [
         {
           "actions": [
@@ -52,4 +52,4 @@
       ]
     }
   }
-}
+}

package/es/core/{Checkboxes → Checkbox}/__stories__/ConditionalReveal.js

@@ -1,14 +1,14 @@
 import React from 'react';
-import Checkboxes, { CheckboxItem, CheckboxConditional } from '@digigov/ui/core/Checkboxes';
-import TextInput from '@digigov/ui/core/TextInput';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
+import { Checkbox, CheckboxItem, CheckboxConditional } from '@digigov/ui/core/Checkbox';
+import { TextInput } from '@digigov/ui/core/TextInput';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
 
-var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "contact-hint"
 }, /*#__PURE__*/React.createElement(FieldsetLegend, null, "\u03A0\u03C9\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03BF\u03C5\u03BC\u03B5 \u03BC\u03B1\u03B6\u03AF \u03C3\u03B1\u03C2;"), /*#__PURE__*/React.createElement(Hint, {
   id: "contact-hint"
-}, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+}, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03CC,\u03C4\u03B9 \u03B9\u03C3\u03C7\u03CD\u03B5\u03B9 \u03C3\u03C4\u03B7\u03BD \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C3\u03B1\u03C2."), /*#__PURE__*/React.createElement(Checkbox, null, /*#__PURE__*/React.createElement(CheckboxItem, {
   defaultChecked: true,
   name: "email",
   value: "email"

package/es/core/{Checkboxes → Checkbox}/__stories__/Default.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import Checkboxes, { CheckboxItem } from '@digigov/ui/core/Checkboxes';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
+import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
 
-var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, {
+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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+}, "\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, null, /*#__PURE__*/React.createElement(CheckboxItem, {
   name: "cold",
   value: "cold"
 }, "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"), /*#__PURE__*/React.createElement(CheckboxItem, {

package/es/core/{Checkboxes → Checkbox}/__stories__/MultipleQuestions.js

@@ -1,15 +1,15 @@
 import React from 'react';
-import Checkboxes, { CheckboxItem } from '@digigov/ui/core/Checkboxes';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
+import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
 
-var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "feeling-hint"
 }, /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "s"
 }, "\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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+}, "\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, null, /*#__PURE__*/React.createElement(CheckboxItem, {
   name: "cold",
   value: "cold"
 }, "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"), /*#__PURE__*/React.createElement(CheckboxItem, {

package/es/core/{Checkboxes → Checkbox}/__stories__/NoneAnswer.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import Checkboxes, { CheckboxItem } from '@digigov/ui/core/Checkboxes';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
+import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
 
-var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "travel-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, {
   id: "travel-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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+}, "\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: "cold",
   value: "cold"
 }, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(CheckboxItem, {

package/es/core/{Checkboxes → Checkbox}/__stories__/NoneAnswerWithError.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import Checkboxes, { CheckboxItem } from '@digigov/ui/core/Checkboxes';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
-import VisuallyHidden from '@digigov/react-core/VisuallyHidden';
-import ErrorMessage from '@digigov/react-core/ErrorMessage';
+import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
 
-var _ref = /*#__PURE__*/React.createElement(Field, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   error: true
 }, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "travel-hint travel-error"
@@ -13,7 +13,7 @@ var _ref = /*#__PURE__*/React.createElement(Field, {
   id: "travel-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: "travel-error"
-}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2 \u03C3\u03C4\u03B9\u03C2 \u03BF\u03C0\u03BF\u03AF\u03B5\u03C2 \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5, \u03AE \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \xAB\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2\xBB."), /*#__PURE__*/React.createElement(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+}, /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039B\u03AC\u03B8\u03BF\u03C2:"), "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2 \u03C3\u03C4\u03B9\u03C2 \u03BF\u03C0\u03BF\u03AF\u03B5\u03C2 \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03B5\u03C4\u03B5, \u03AE \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \xAB\u038C\u03C7\u03B9, \u03B4\u03B5\u03BD \u03B8\u03B1 \u03C4\u03B1\u03BE\u03B9\u03B4\u03AD\u03C8\u03C9 \u03C3\u03B5 \u03BA\u03B1\u03BC\u03AF\u03B1 \u03B1\u03C0\u03CC \u03B1\u03C5\u03C4\u03AD\u03C2 \u03C4\u03B9\u03C2 \u03C7\u03CE\u03C1\u03B5\u03C2\xBB."), /*#__PURE__*/React.createElement(Checkbox, null, /*#__PURE__*/React.createElement(CheckboxItem, {
   defaultChecked: true,
   name: "en",
   value: "en"

package/{esm/core/Checkboxes → es/core/Checkbox}/__stories__/WithErrorMessage.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import Checkboxes, { CheckboxItem } from '@digigov/ui/core/Checkboxes';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import ErrorMessage from '@digigov/ui/core/ErrorMessage';
-import Hint from '@digigov/ui/typography/Hint';
-import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { Hint } from '@digigov/ui/typography/Hint';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
 
-var _ref = /*#__PURE__*/React.createElement(Field, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   error: true
 }, /*#__PURE__*/React.createElement(Fieldset, {
   "aria-describedby": "nationality-hint nationality-error"
@@ -13,7 +13,7 @@ var _ref = /*#__PURE__*/React.createElement(Field, {
   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(ErrorMessage, {
   id: "nationality-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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+}, /*#__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: "cold",
   value: "cold"
 }, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/React.createElement(CheckboxItem, {

package/{esm/core/Checkboxes → es/core/Checkbox}/__stories__/WithHint.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import Checkboxes, { CheckboxItem } from '@digigov/ui/core/Checkboxes';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
+import { Checkbox, CheckboxItem } from '@digigov/ui/core/Checkbox';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
 
-var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, {
+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 \u03B5\u03B8\u03BD\u03B9\u03BA\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(Checkboxes, null, /*#__PURE__*/React.createElement(CheckboxItem, {
+}, "\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: "cold",
   value: "cold"
 }, "\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, {

package/{core/Checkboxes/checkboxes.mdx → es/core/Checkbox/checkbox.mdx}

@@ -1,47 +1,67 @@
 ---
-id: checkboxes
-title: Checkboxes
+id: checkbox
+title: Checkbox
 ---
 
-
-# Checkboxes
-
- 
-
+# Checkbox
 
 ```bash
-import Checkboxes from '@digigov/ui/core/Checkboxes';
-``` 
+import Checkbox from '@digigov/ui/core/Checkbox';
+```
 
 ## How to use
 
-<Story packageName="@digigov/ui" component="core/Checkboxes" story="Default.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Checkbox"
+  story="Default.tsx"
+/>
 
 ### If you’re asking more than one question on the page
 
-<Story packageName="@digigov/ui" component="core/Checkboxes" story="MultipleQuestions.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Checkbox"
+  story="MultipleQuestions.tsx"
+/>
 
 ### Checkbox items with hints
 
 You can add hints to checkbox items to provide additional information about the options.
 
-<Story packageName="@digigov/ui" component="core/Checkboxes" story="WithHint.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Checkbox"
+  story="WithHint.tsx"
+/>
 
 ### Add an option for ‘none’
 
 When ‘none’ would be a valid answer, give users the option to check a box to say none of the other options apply to them — without this option, users would have to leave all of the boxes unchecked. Giving users this option also makes sure they do not skip the question by accident.
 
-<Story packageName="@digigov/ui" component="core/Checkboxes" story="NoneAnswer.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Checkbox"
+  story="NoneAnswer.tsx"
+/>
 
 If JavaScript is unavailable, and a user selects both the ‘none’ checkbox and another checkbox, display an error message.
 
-<Story packageName="@digigov/ui" component="core/Checkboxes" story="NoneAnswerWithError.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Checkbox"
+  story="NoneAnswerWithError.tsx"
+/>
 
 ### Error messages
 
 Error messages should be styled like this:
 
-<Story packageName="@digigov/ui" component="core/Checkboxes" story="WithErrorMessage.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/Checkbox"
+  story="WithErrorMessage.tsx"
+/>
 
 ## Conditionally revealing a related question
 
@@ -49,7 +69,7 @@ You can ask the user a related question when they select a particular checkbox,
 
 This might make 2 related questions easier to answer by grouping them on the same page. For example, you could reveal a phone number input when the user selects the ‘Contact me by phone’ option.
 
-<Story packageName="@digigov/ui" component="core/Checkboxes" story="ConditionalReveal.tsx" />
+<Story packageName="@digigov/ui" component="core/Checkbox" story="ConditionalReveal.tsx" />
 
 
 

package/es/core/DateInputContainer/DateInputContainer.stories.js

@@ -0,0 +1,12 @@
+import DateInputContainer from '@digigov/ui/core/DateInputContainer';
+export default {
+  title: 'Digigov UI/core/DateInputContainer',
+  description: 'Use the date input component to help users enter a memorable date or one they can easily look up.',
+  link: 'https://guide.services.gov.gr/docs/components/date-input',
+  component: DateInputContainer,
+  displayName: 'DateInputContainer'
+};
+export * from '@digigov/ui/core/DateInputContainer/__stories__/Default';
+export * from '@digigov/ui/core/DateInputContainer/__stories__/MultipleQuestions';
+export * from '@digigov/ui/core/DateInputContainer/__stories__/WithErrorMessage';
+export * from '@digigov/ui/core/DateInputContainer/__stories__/WithErrorMessageForSingleField';

package/es/core/{DateInput → DateInputContainer}/__stories__/Default.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import DateInput, { DateInputItem } from '@digigov/ui/core/DateInput';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
+import { DateInputContainer, DateInputItem } from '@digigov/ui/core/DateInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
 
-var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
   heading: true
-}, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF \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(DateInput, null, /*#__PURE__*/React.createElement(DateInputItem, {
+}, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF \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(DateInputContainer, null, /*#__PURE__*/React.createElement(DateInputItem, {
   name: "day"
 }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
   name: "month"

package/{esm/core/DateInput → es/core/DateInputContainer}/__stories__/MultipleQuestions.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import DateInput, { DateInputItem } from '@digigov/ui/core/DateInput';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
+import { DateInputContainer, DateInputItem } from '@digigov/ui/core/DateInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
 
-var _ref = /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "m"
-}, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF \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(DateInput, null, /*#__PURE__*/React.createElement(DateInputItem, {
+}, "\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF \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(DateInputContainer, null, /*#__PURE__*/React.createElement(DateInputItem, {
   name: "day"
 }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
   name: "month"

package/{esm/core/DateInput → es/core/DateInputContainer}/__stories__/WithErrorMessage.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import DateInput, { DateInputItem } from '@digigov/ui/core/DateInput';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
-import ErrorMessage from '@digigov/ui/core/ErrorMessage';
-import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import { DateInputContainer, DateInputItem } from '@digigov/ui/core/DateInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
 
-var _ref = /*#__PURE__*/React.createElement(Field, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   error: true
-}, /*#__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 \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 \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(DateInput, null, /*#__PURE__*/React.createElement(DateInputItem, {
+}, /*#__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 \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 \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, {
   error: true,
   name: "day"
 }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {

package/es/core/{DateInput → DateInputContainer}/__stories__/WithErrorMessageForSingleField.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import DateInput, { DateInputItem } from '@digigov/ui/core/DateInput';
-import Field, { Fieldset, FieldsetLegend } from '@digigov/ui/core/Field';
-import Hint from '@digigov/ui/typography/Hint';
-import ErrorMessage from '@digigov/ui/core/ErrorMessage';
-import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import { DateInputContainer, DateInputItem } from '@digigov/ui/core/DateInputContainer';
+import { FieldContainer, Fieldset, FieldsetLegend } from '@digigov/ui/core/FieldContainer';
+import { Hint } from '@digigov/ui/typography/Hint';
+import { ErrorMessage } from '@digigov/ui/core/ErrorMessage';
+import { VisuallyHidden } from '@digigov/ui/core/VisuallyHidden';
 
-var _ref = /*#__PURE__*/React.createElement(Field, {
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, {
   error: true
-}, /*#__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 \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 \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(DateInput, null, /*#__PURE__*/React.createElement(DateInputItem, {
+}, /*#__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 \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 \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, {
   name: "day"
 }, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/React.createElement(DateInputItem, {
   name: "month"

package/es/core/{DateInput → DateInputContainer}/index.js

@@ -1,4 +1,4 @@
 export * from '@digigov/react-core/DateInputContainer';
 export * from '@digigov/react-core/DateInputItem';
-import DateInput from '@digigov/react-core/DateInputContainer';
-export default DateInput;
+import DateInputContainer from '@digigov/react-core/DateInputContainer';
+export default DateInputContainer;

package/es/core/DateInputContainer/index.mdx

@@ -0,0 +1,44 @@
+---
+id: date-input
+title: DateInputContainer
+---
+
+# DateInputContainer
+
+```bash
+import DateInputContainer from '@digigov/ui/core/DateInputContainer';
+```
+
+## How to use
+
+<Story
+  packageName="@digigov/ui"
+  component="core/DateInputContainer"
+  story="Default.tsx"
+/>
+
+### If you’re asking more than one question on the page
+
+<Story
+  packageName="@digigov/ui"
+  component="core/DateInputContainer"
+  story="MultipleQuestions.tsx"
+/>
+
+### Error message
+
+If you’re highlighting the whole date, style all the fields like this:
+
+<Story
+  packageName="@digigov/ui"
+  component="core/DateInputContainer"
+  story="WithErrorMessage.tsx"
+/>
+
+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="core/DateInputContainer"
+  story="WithErrorMessageForSingleField.tsx"
+/>

package/es/core/Details/Details.stories.js

@@ -1,4 +1,4 @@
-import Details from "@digigov/ui/core/Details";
+import Details from '@digigov/ui/core/Details';
 export default {
   title: 'Digigov UI/core/Details',
   description: 'Make a page easier to scan by letting users reveal more detailed information only if they need it.',
@@ -6,4 +6,4 @@ export default {
   component: Details,
   displayName: 'Details'
 };
-export * from './__stories__/Default';
+export * from '@digigov/ui/core/Details/__stories__/Default';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import Details, { DetailsSummary, DetailsContent } from '@digigov/ui/core/Details';
+import { Details, DetailsSummary, DetailsContent } from '@digigov/ui/core/Details';
 
 var _ref = /*#__PURE__*/React.createElement(Details, null, /*#__PURE__*/React.createElement(DetailsSummary, null, "\u0392\u03BF\u03AE\u03B8\u03B5\u03B9\u03B1 \u03BC\u03B5 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03BA\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2"), /*#__PURE__*/React.createElement(DetailsContent, null, "\u03A7\u03C1\u03B5\u03B9\u03AC\u03B6\u03B5\u03C4\u03B1\u03B9 \u03BD\u03B1 \u03B3\u03BD\u03C9\u03C1\u03AF\u03B6\u03BF\u03C5\u03BC\u03B5 \u03C4\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03BA\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2 \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03BC\u03C0\u03BF\u03C1\u03BF\u03CD\u03BC\u03B5 \u03BD\u03B1 \u03C3\u03B1\u03C2 \u03C3\u03C4\u03B5\u03AF\u03BB\u03BF\u03C5\u03BC\u03B5 \u03C4\u03B1 \u03AD\u03BD\u03C4\u03C5\u03C0\u03B1 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5. \u03A3\u03B5 \u03C0\u03B5\u03C1\u03AF\u03C0\u03C4\u03C9\u03C3\u03B7 \u03C0\u03BF\u03C5 \u03B4\u03B5\u03BD \u03BC\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03B1\u03C1\u03AD\u03C7\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03AD\u03B3\u03BA\u03C5\u03C1\u03B7 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03BA\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2, \u03C0\u03B1\u03C1\u03B1\u03BA\u03B1\u03BB\u03BF\u03CD\u03BC\u03B5 \u03B5\u03C0\u03B9\u03BA\u03BF\u03B9\u03BD\u03C9\u03BD\u03AE\u03C3\u03C4\u03B5 \u03BC\u03B1\u03B6\u03AF \u03BC\u03B1\u03C2."));
 

package/es/core/Details/index.mdx

@@ -6,12 +6,10 @@ title: Details
 # Details
 
 The details component is a short link that shows more detailed help text when a user clicks on it.
- 
-
 
 ```bash
 import Details from '@digigov/ui/core/Details';
-``` 
+```
 
 ## How to use
 

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import Divider from '@digigov/ui/core/Divider';
+import { Divider } from '@digigov/ui/core/Divider';
 
 var _ref = /*#__PURE__*/React.createElement(Divider, {
   visible: true

package/es/core/Divider/index.js

@@ -4,5 +4,5 @@ export var Divider = withDeprecation(CoreSectionBreak, {
   name: 'Divider',
   rename: 'SectionBreak'
 });
-Divider.displayName = "Divider";
+Divider.displayName = 'Divider';
 export default Divider;