@digigov/ui 0.28.3 → 0.29.0

package/core/DateInputContainer/DateInputContainer.stories.d.ts

@@ -0,0 +1,13 @@
+declare namespace _default {
+    export const title: string;
+    export const description: string;
+    export const link: string;
+    export { DateInputContainer as component };
+    export const displayName: string;
+}
+export default _default;
+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";
+import DateInputContainer from "@digigov/ui/core/DateInputContainer";

package/core/{DateInput/DateInput.stories.js → DateInputContainer/DateInputContainer.stories.js}

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _DateInput = _interopRequireDefault(require("@digigov/ui/core/DateInput"));
+var _DateInputContainer = _interopRequireDefault(require("@digigov/ui/core/DateInputContainer"));
 
-var _Default = require("@digigov/ui/core/DateInput/__stories__/Default");
+var _Default = require("@digigov/ui/core/DateInputContainer/__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,7 +24,7 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _MultipleQuestions = require("@digigov/ui/core/DateInput/__stories__/MultipleQuestions");
+var _MultipleQuestions = require("@digigov/ui/core/DateInputContainer/__stories__/MultipleQuestions");
 
 Object.keys(_MultipleQuestions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -38,7 +38,7 @@ Object.keys(_MultipleQuestions).forEach(function (key) {
   });
 });
 
-var _WithErrorMessage = require("@digigov/ui/core/DateInput/__stories__/WithErrorMessage");
+var _WithErrorMessage = require("@digigov/ui/core/DateInputContainer/__stories__/WithErrorMessage");
 
 Object.keys(_WithErrorMessage).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -52,7 +52,7 @@ Object.keys(_WithErrorMessage).forEach(function (key) {
   });
 });
 
-var _WithErrorMessageForSingleField = require("@digigov/ui/core/DateInput/__stories__/WithErrorMessageForSingleField");
+var _WithErrorMessageForSingleField = require("@digigov/ui/core/DateInputContainer/__stories__/WithErrorMessageForSingleField");
 
 Object.keys(_WithErrorMessageForSingleField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -66,10 +66,10 @@ Object.keys(_WithErrorMessageForSingleField).forEach(function (key) {
   });
 });
 var _default = {
-  title: 'Digigov UI/core/DateInput',
-  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: _DateInput["default"],
-  displayName: 'DateInput'
+  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["default"],
+  displayName: 'DateInputContainer'
 };
 exports["default"] = _default;

package/core/DateInputContainer/__stories__/Default.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DateInputContainer = require("@digigov/ui/core/DateInputContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _Hint = require("@digigov/ui/typography/Hint");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.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["default"].createElement(_Hint.Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputContainer, null, /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  name: "day"
+}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  name: "month"
+}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  width: 4,
+  name: "year"
+}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
+
+var Default = function Default() {
+  return _ref;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/core/DateInputContainer/__stories__/MultipleQuestions.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MultipleQuestions = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DateInputContainer = require("@digigov/ui/core/DateInputContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _Hint = require("@digigov/ui/typography/Hint");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.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["default"].createElement(_Hint.Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputContainer, null, /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  name: "day"
+}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  name: "month"
+}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  width: 4,
+  name: "year"
+}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
+
+var MultipleQuestions = function MultipleQuestions() {
+  return _ref;
+};
+
+exports.MultipleQuestions = MultipleQuestions;
+var _default = MultipleQuestions;
+exports["default"] = _default;

package/core/DateInputContainer/__stories__/WithErrorMessage.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithErrorMessage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DateInputContainer = require("@digigov/ui/core/DateInputContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _Hint = require("@digigov/ui/typography/Hint");
+
+var _ErrorMessage = require("@digigov/ui/core/ErrorMessage");
+
+var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  error: true
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.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["default"].createElement(_Hint.Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.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["default"].createElement(_DateInputContainer.DateInputContainer, null, /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  error: true,
+  name: "day"
+}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  error: true,
+  name: "month"
+}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  error: true,
+  width: 4,
+  name: "year"
+}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
+
+var WithErrorMessage = function WithErrorMessage() {
+  return _ref;
+};
+
+exports.WithErrorMessage = WithErrorMessage;
+var _default = WithErrorMessage;
+exports["default"] = _default;

package/core/DateInputContainer/__stories__/WithErrorMessageForSingleField.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithErrorMessageForSingleField = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DateInputContainer = require("@digigov/ui/core/DateInputContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+var _Hint = require("@digigov/ui/typography/Hint");
+
+var _ErrorMessage = require("@digigov/ui/core/ErrorMessage");
+
+var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
+  error: true
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.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["default"].createElement(_Hint.Hint, null, "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.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["default"].createElement(_DateInputContainer.DateInputContainer, null, /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  name: "day"
+}, "\u0397\u03BC\u03AD\u03C1\u03B1"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  name: "month"
+}, "\u039C\u03AE\u03BD\u03B1\u03C2"), /*#__PURE__*/_react["default"].createElement(_DateInputContainer.DateInputItem, {
+  error: true,
+  width: 4,
+  name: "year"
+}, "\u03A7\u03C1\u03CC\u03BD\u03BF\u03C2"))));
+
+var WithErrorMessageForSingleField = function WithErrorMessageForSingleField() {
+  return _ref;
+};
+
+exports.WithErrorMessageForSingleField = WithErrorMessageForSingleField;
+var _default = WithErrorMessageForSingleField;
+exports["default"] = _default;

package/core/DateInputContainer/index.d.ts

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

package/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/core/Details/Details.stories.d.ts

@@ -6,5 +6,5 @@ declare namespace _default {
     export const displayName: string;
 }
 export default _default;
-export * from "./__stories__/Default";
+export * from "@digigov/ui/core/Details/__stories__/Default";
 import Details from "@digigov/ui/core/Details";

package/core/Details/Details.stories.js

@@ -10,7 +10,7 @@ exports["default"] = void 0;
 
 var _Details = _interopRequireDefault(require("@digigov/ui/core/Details"));
 
-var _Default = require("./__stories__/Default");
+var _Default = require("@digigov/ui/core/Details/__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/core/Details/__stories__/Default.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,13 +9,9 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Details = _interopRequireWildcard(require("@digigov/ui/core/Details"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Details = require("@digigov/ui/core/Details");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Details["default"], null, /*#__PURE__*/_react["default"].createElement(_Details.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["default"].createElement(_Details.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."));
+var _ref = /*#__PURE__*/_react["default"].createElement(_Details.Details, null, /*#__PURE__*/_react["default"].createElement(_Details.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["default"].createElement(_Details.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."));
 
 var Default = function Default() {
   return _ref;

package/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/core/Divider/__stories__/Default.js

@@ -9,23 +9,23 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Divider = _interopRequireDefault(require("@digigov/ui/core/Divider"));
+var _Divider = require("@digigov/ui/core/Divider");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Divider.Divider, {
   visible: true
 });
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Divider.Divider, {
   visible: true,
   size: "m"
 });
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Divider.Divider, {
   visible: true,
   size: "l"
 });
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_Divider["default"], {
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Divider.Divider, {
   visible: true,
   size: "xl"
 });

package/core/Divider/index.js

@@ -16,6 +16,6 @@ var Divider = (0, _withDeprecation["default"])(_SectionBreak["default"], {
   rename: 'SectionBreak'
 });
 exports.Divider = Divider;
-Divider.displayName = "Divider";
+Divider.displayName = 'Divider';
 var _default = Divider;
 exports["default"] = _default;

package/core/ErrorMessage/ErrorMessage.stories.d.ts

@@ -6,5 +6,5 @@ declare namespace _default {
     export const displayName: string;
 }
 export default _default;
-export * from "./__stories__/Default";
+export * from "@digigov/ui/core/ErrorMessage/__stories__/Default";
 import ErrorMessage from "@digigov/ui/core/ErrorMessage";

package/core/ErrorMessage/ErrorMessage.stories.js

@@ -10,7 +10,7 @@ exports["default"] = void 0;
 
 var _ErrorMessage = _interopRequireDefault(require("@digigov/ui/core/ErrorMessage"));
 
-var _Default = require("./__stories__/Default");
+var _Default = require("@digigov/ui/core/ErrorMessage/__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/core/ErrorMessage/__stories__/Default.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,26 +9,22 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Checkboxes = _interopRequireWildcard(require("@digigov/ui/core/Checkboxes"));
-
-var _Field = _interopRequireWildcard(require("@digigov/ui/core/Field"));
-
-var _ErrorMessage = _interopRequireDefault(require("@digigov/ui/core/ErrorMessage"));
+var _Checkbox = require("@digigov/ui/core/Checkbox");
 
-var _Hint = _interopRequireDefault(require("@digigov/ui/typography/Hint"));
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
 
-var _VisuallyHidden = _interopRequireDefault(require("@digigov/ui/core/VisuallyHidden"));
+var _ErrorMessage = require("@digigov/ui/core/ErrorMessage");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _Hint = require("@digigov/ui/typography/Hint");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _VisuallyHidden = require("@digigov/ui/core/VisuallyHidden");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, {
   error: true
-}, /*#__PURE__*/_react["default"].createElement(_Field.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_Field.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["default"].createElement(_Hint["default"], null, "\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["default"].createElement(_ErrorMessage["default"], null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden["default"], 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["default"].createElement(_Checkboxes["default"], null, /*#__PURE__*/_react["default"].createElement(_Checkboxes.CheckboxItem, {
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.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["default"].createElement(_Hint.Hint, null, "\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["default"].createElement(_ErrorMessage.ErrorMessage, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.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["default"].createElement(_Checkbox.Checkbox, null, /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
   name: "cold",
   value: "cold"
-}, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_Checkboxes.CheckboxItem, {
+}, "\u0391\u03B3\u03B3\u03BB\u03AF\u03B1"), /*#__PURE__*/_react["default"].createElement(_Checkbox.CheckboxItem, {
   name: "fever",
   value: "fever"
 }, "\u0393\u03B1\u03BB\u03BB\u03AF\u03B1"))));

package/core/ErrorMessage/index.mdx

@@ -3,17 +3,14 @@ id: error-message
 title: ErrorMessage
 ---
 
-
 # ErrorMessage
 
-Follow the validation pattern and show an error message when there is a validation error. 
+Follow the validation pattern and show an error message when there is a validation error.
 In the error message explain what went wrong and how to fix it.
- 
-
 
 ```bash
 import ErrorMessage from '@digigov/ui/core/ErrorMessage';
-``` 
+```
 
 ## How to use
 

package/core/ErrorSummary/ErrorSummary.stories.d.ts

@@ -6,8 +6,8 @@ declare namespace _default {
     export const displayName: string;
 }
 export default _default;
-export * from "./__stories__/Default";
-export * from "./__stories__/LinkedToInput";
-export * from "./__stories__/LinkedToField";
-export * from "./__stories__/LinkedToCheckbox";
+export * from "@digigov/ui/core/ErrorSummary/__stories__/Default";
+export * from "@digigov/ui/core/ErrorSummary/__stories__/LinkedToInput";
+export * from "@digigov/ui/core/ErrorSummary/__stories__/LinkedToField";
+export * from "@digigov/ui/core/ErrorSummary/__stories__/LinkedToCheckbox";
 import ErrorSummary from "@digigov/ui/core/ErrorSummary";

package/core/ErrorSummary/ErrorSummary.stories.js

@@ -10,7 +10,7 @@ exports["default"] = void 0;
 
 var _ErrorSummary = _interopRequireDefault(require("@digigov/ui/core/ErrorSummary"));
 
-var _Default = require("./__stories__/Default");
+var _Default = require("@digigov/ui/core/ErrorSummary/__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,7 +24,7 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _LinkedToInput = require("./__stories__/LinkedToInput");
+var _LinkedToInput = require("@digigov/ui/core/ErrorSummary/__stories__/LinkedToInput");
 
 Object.keys(_LinkedToInput).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -38,7 +38,7 @@ Object.keys(_LinkedToInput).forEach(function (key) {
   });
 });
 
-var _LinkedToField = require("./__stories__/LinkedToField");
+var _LinkedToField = require("@digigov/ui/core/ErrorSummary/__stories__/LinkedToField");
 
 Object.keys(_LinkedToField).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -52,7 +52,7 @@ Object.keys(_LinkedToField).forEach(function (key) {
   });
 });
 
-var _LinkedToCheckbox = require("./__stories__/LinkedToCheckbox");
+var _LinkedToCheckbox = require("@digigov/ui/core/ErrorSummary/__stories__/LinkedToCheckbox");
 
 Object.keys(_LinkedToCheckbox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/core/ErrorSummary/__stories__/Default.js

@@ -9,15 +9,15 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _ErrorSummary = _interopRequireDefault(require("@digigov/ui/core/ErrorSummary"));
+var _ErrorSummary = require("@digigov/ui/core/ErrorSummary");
 
-var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
+var _Title = require("@digigov/ui/typography/Title");
 
-var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
+var _Link = require("@digigov/ui/core/Link");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_ErrorSummary["default"], null, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_ErrorSummary.ErrorSummary, null, /*#__PURE__*/_react["default"].createElement(_Title.Title, {
   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["default"], 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"));
+}, "\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 Default = function Default() {
   return _ref;