@digigov/ui 1.0.0-290a96e2 → 1.0.0-3bfc7d37

package/form/RadioContainer/RadioContainer.stories.d.ts

@@ -7,6 +7,7 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/form/RadioContainer/__stories__/Default";
+export * from "@digigov/ui/form/RadioContainer/__stories__/WithMediumLegend";
 export * from "@digigov/ui/form/RadioContainer/__stories__/MultipleQuestions";
 export * from "@digigov/ui/form/RadioContainer/__stories__/Inline";
 export * from "@digigov/ui/form/RadioContainer/__stories__/WithHints";

package/form/RadioContainer/RadioContainer.stories.js

@@ -24,6 +24,20 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
+var _WithMediumLegend = require("@digigov/ui/form/RadioContainer/__stories__/WithMediumLegend");
+
+Object.keys(_WithMediumLegend).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithMediumLegend[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithMediumLegend[key];
+    }
+  });
+});
+
 var _MultipleQuestions = require("@digigov/ui/form/RadioContainer/__stories__/MultipleQuestions");
 
 Object.keys(_MultipleQuestions).forEach(function (key) {

package/form/RadioContainer/__stories__/Default.js

@@ -13,16 +13,19 @@ var _FieldContainer = require("@digigov/ui/form/FieldContainer");
 
 var _RadioContainer = require("@digigov/ui/form/RadioContainer");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03B1 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "country",
   value: "greece"
 }, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "cyprus"
+}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "country",
   value: "eu"
-}, "\u03A7\u03CE\u03C1\u03B1 \u03B5\u03BD\u03C4\u03CC\u03C2 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "country",
-  value: "world"
-}, "\u03A7\u03CE\u03C1\u03B1 \u03B5\u03BA\u03C4\u03CC\u03C2 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"))));
+  value: "us"
+}, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
 
 var Default = function Default() {
   return _ref;

package/form/RadioContainer/__stories__/InlineWithDivider.js

@@ -13,21 +13,21 @@ var _FieldContainer = require("@digigov/ui/form/FieldContainer");
 
 var _RadioContainer = require("@digigov/ui/form/RadioContainer");
 
-var _Hint = require("@digigov/ui/typography/Hint");
+var _Hint = _interopRequireDefault(require("@digigov/ui/typography/Hint"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
-  "aria-describedby": "name-hint"
-}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+  "aria-describedby": "feeling-hint"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u0388\u03C7\u03B5\u03C4\u03B5 \u03B1\u03BB\u03BB\u03AC\u03BE\u03B5\u03B9 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
   id: "name-hint"
-}, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03AF\u03B8\u03B5\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03B1 \u03C3\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+}, "\u03A3\u03C5\u03BC\u03C0\u03B5\u03C1\u03B9\u03BB\u03B1\u03BC\u03B2\u03AC\u03BD\u03B5\u03C4\u03B1\u03B9 \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03B5\u03C0\u03B9\u03B8\u03AD\u03C4\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03AE \u03B1\u03BB\u03BB\u03B1\u03B3\u03AE \u03C4\u03BF\u03C5 \u03C4\u03C1\u03CC\u03C0\u03BF\u03C5 \u03C0\u03BF\u03C5 \u03B3\u03C1\u03AC\u03C6\u03B5\u03C4\u03B5 \u03C4\u03BF \u03CC\u03BD\u03BF\u03BC\u03AC \u03C3\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
   layout: "horizontal"
 }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "changed_name",
   value: "yes"
 }, "\u039D\u03B1\u03B9"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  dividerText: "\u03AE",
   name: "changed_name",
-  value: "no",
-  divider: "\u03AE"
+  value: "no"
 }, "\u038C\u03C7\u03B9"))));
 
 var InlineWithDivider = function InlineWithDivider() {

package/form/RadioContainer/__stories__/MultipleQuestions.js

@@ -19,7 +19,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldCon
   "aria-describedby": "country-hint"
 }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
   size: "sm"
-}, "\u03A0\u03BF\u03B9\u03B1 \u03B5\u03B9\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
+}, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
   id: "country-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["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "country",

package/form/RadioContainer/__stories__/NoneAnswer.js

@@ -13,14 +13,18 @@ var _FieldContainer = require("@digigov/ui/form/FieldContainer");
 
 var _RadioContainer = require("@digigov/ui/form/RadioContainer");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, "\u03A0\u03CC\u03C3\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC \u03AD\u03C7\u03B5\u03C4\u03B5;"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
+  "aria-describedby": "name-hint"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  size: "md"
+}, "\u03A0\u03CC\u03C3\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC \u03AD\u03C7\u03B5\u03C4\u03B5;"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "children",
   value: "onetwo"
 }, "1-2 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "children",
   value: "threefour"
 }, "3 \u03AE \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B1 \u03C0\u03B1\u03B9\u03B4\u03B9\u03AC"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
-  divider: "\u03AE",
+  dividerText: "\u03AE",
   name: "children",
   value: "none"
 }, "\u039A\u03B1\u03BD\u03AD\u03BD\u03B1 \u03C0\u03B1\u03B9\u03B4\u03AF"))));

package/form/RadioContainer/__stories__/WithErrorMessage.js

@@ -23,7 +23,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldCon
   error: true
 }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, {
   "aria-describedby": "travel-hint travel-error"
-}, /*#__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, {
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  size: "md"
+}, "\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, {
   id: "travel-hint"
 }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B5\u03C0\u03B9\u03BB\u03AD\u03BE\u03B5\u03C4\u03B5 \u03BC\u03CC\u03BD\u03BF \u03BC\u03AF\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE."), /*#__PURE__*/_react["default"].createElement(_ErrorMessage.ErrorMessage, {
   id: "travel-error"

package/form/RadioContainer/__stories__/WithHints.js

@@ -21,7 +21,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldCon
   size: "md"
 }, "\u03A0\u03CE\u03C2 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5 \u03BD\u03B1 \u03C3\u03C5\u03BD\u03B4\u03B5\u03B8\u03B5\u03AF\u03C4\u03B5;"), /*#__PURE__*/_react["default"].createElement(_Hint.Hint, {
   id: "login-hint"
-}, "\u0398\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03CC \u03BC\u03B5 \u03C4\u03BF\u03BD \u03BF\u03C0\u03BF\u03AF\u03BF \u03B8\u03B1 \u03B1\u03C0\u03BF\u03B4\u03B5\u03AF\u03BE\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C4\u03B1\u03CD\u03C4\u03BF\u03C4\u03B7\u03C4\u03B1 \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C7\u03C9\u03C1\u03AE\u03C3\u03B5\u03C4\u03B5."), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+}, "\u0398\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03CC \u03BC\u03B5 \u03C4\u03BF\u03BD \u03BF\u03C0\u03BF\u03AF\u03BF \u03B8\u03B1 \u03B1\u03C0\u03BF\u03B4\u03B5\u03AF\u03BE\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C4\u03B1\u03C5\u03C4\u03CC\u03C4\u03B7\u03C4\u03AC \u03C3\u03B1\u03C2 \u03CE\u03C3\u03C4\u03B5 \u03BD\u03B1 \u03C0\u03C1\u03BF\u03C7\u03C9\u03C1\u03AE\u03C3\u03B5\u03C4\u03B5."), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
   name: "login",
   value: "gsis",
   "aria-describedby": "gsis-hint"

package/form/RadioContainer/__stories__/WithMediumLegend.d.ts

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

package/form/RadioContainer/__stories__/WithMediumLegend.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithMediumLegend = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FieldContainer = require("@digigov/ui/form/FieldContainer");
+
+var _RadioContainer = require("@digigov/ui/form/RadioContainer");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  size: "md"
+}, "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "greece"
+}, "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "cyprus"
+}, "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "eu"
+}, "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "country",
+  value: "us"
+}, "H\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"))));
+
+var WithMediumLegend = function WithMediumLegend() {
+  return _ref;
+};
+
+exports.WithMediumLegend = WithMediumLegend;
+var _default = WithMediumLegend;
+exports["default"] = _default;

package/form/TextInput/__stories__/FixedWidths.js

@@ -15,50 +15,40 @@ var _LabelContainer = require("@digigov/ui/form/LabelContainer");
 
 var _TextInput = require("@digigov/ui/form/TextInput");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03B5\u03B4\u03AF\u03BF 20 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   maxWidth: '20-char'
-})));
-
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03B5\u03B4\u03AF\u03BF 10 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   maxWidth: '10-char'
-})));
-
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03B5\u03B4\u03AF\u03BF 5 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   maxWidth: '5-char'
-})));
-
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03B5\u03B4\u03AF\u03BF 4 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   maxWidth: '4-char'
-})));
-
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03B5\u03B4\u03AF\u03BF 3 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   maxWidth: '3-char'
-})));
-
-var _ref6 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03B5\u03B4\u03AF\u03BF 2 \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03C9\u03BD"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   maxWidth: '2-char'
-})));
+}))));
 
 var FixedWidths = function FixedWidths() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6);
+  return _ref;
 };
 
 exports.FixedWidths = FixedWidths;

package/form/TextInput/__stories__/FluidWidths.js

@@ -15,50 +15,40 @@ var _LabelContainer = require("@digigov/ui/form/LabelContainer");
 
 var _TextInput = require("@digigov/ui/form/TextInput");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u039C\u03AD\u03B3\u03B9\u03C3\u03C4\u03BF \u03C0\u03BB\u03AC\u03C4\u03BF\u03C2"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   width: "full"
-})));
-
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03C4\u03C1\u03AF\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03B1"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   width: "75%"
-})));
-
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03B1 \u03B4\u03CD\u03BF-\u03C4\u03C1\u03AF\u03C4\u03B1"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   width: "66.6%"
-})));
-
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03BC\u03B9\u03C3\u03CC"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   width: "50%"
-})));
-
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03C1\u03AF\u03C4\u03BF"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   width: "33.3%"
-})));
-
-var _ref6 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
+}))), /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelContainer, null, /*#__PURE__*/_react["default"].createElement(_LabelContainer.LabelTitle, {
   size: "sm"
 }, "\u03A0\u03BB\u03AC\u03C4\u03BF\u03C2 \u03C3\u03C4\u03BF \u03AD\u03BD\u03B1-\u03C4\u03AD\u03C4\u03B1\u03C1\u03C4\u03BF"), /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
   name: "inputext",
   width: "25%"
-})));
+}))));
 
 var FluidWidths = function FluidWidths() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2, _ref3, _ref4, _ref5, _ref6);
+  return _ref;
 };
 
 exports.FluidWidths = FluidWidths;

package/govgr/Footer/Copyright.js

@@ -50,15 +50,15 @@ var Copyright = function Copyright(_ref) {
     url: 'https://grnet.gr',
     label: t('footer.grnet')
   };
-  return /*#__PURE__*/_react["default"].createElement(_CopyrightContainer["default"], props, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, copyright, createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_CopyrightContainer["default"], props, children ? children : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, copyright, createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "".concat(t('footer.created_by'), " "), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
     href: copyrightInfo.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, copyrightInfo.label), ' ', !minDigitalCopyright && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_for'), ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+  }, "".concat(copyrightInfo.label)), !minDigitalCopyright && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, " ".concat(t('footer.created_for'), " "), /*#__PURE__*/_react["default"].createElement(_Link["default"], {
     href: "https://mindigital.gr",
     target: "_blank",
     rel: "noopener noreferrer"
-  }, t('footer.mindigital'))))));
+  }, "".concat(t('footer.mindigital')))))));
 };
 
 exports.Copyright = Copyright;

package/icons/ImageLogo/index.d.ts

@@ -0,0 +1,3 @@
+import ImageLogo from '@digigov/react-core/ImageLogo';
+export * from '@digigov/react-core/ImageLogo';
+export default ImageLogo;

package/icons/ImageLogo/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _ImageLogo = _interopRequireWildcard(require("@digigov/react-core/ImageLogo"));
+
+Object.keys(_ImageLogo).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ImageLogo[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ImageLogo[key];
+    }
+  });
+});
+
+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 _default = _ImageLogo["default"];
+exports["default"] = _default;

package/icons/ImageLogoSet/index.d.ts

@@ -0,0 +1,3 @@
+import ImageLogoSet from '@digigov/react-core/ImageLogoSet';
+export * from '@digigov/react-core/ImageLogoSet';
+export default ImageLogoSet;

package/icons/ImageLogoSet/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _ImageLogoSet = _interopRequireWildcard(require("@digigov/react-core/ImageLogoSet"));
+
+Object.keys(_ImageLogoSet).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ImageLogoSet[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ImageLogoSet[key];
+    }
+  });
+});
+
+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 _default = _ImageLogoSet["default"];
+exports["default"] = _default;

package/navigation/NavList/NavList.stories.d.ts

@@ -7,5 +7,9 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/navigation/NavList/__stories__/Default";
+export * from "@digigov/ui/navigation/NavList/__stories__/NavVertical";
+export * from "@digigov/ui/navigation/NavList/__stories__/NavVerticalWithTitle";
+export * from "@digigov/ui/navigation/NavList/__stories__/WithSubMenu";
 export * from "@digigov/ui/navigation/NavList/__stories__/NavVerticalLayout";
+export * from "@digigov/ui/navigation/NavList/__stories__/WithBurgerIcon";
 import NavList from "@digigov/ui/navigation/NavList";

package/navigation/NavList/NavList.stories.js

@@ -24,6 +24,48 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
+var _NavVertical = require("@digigov/ui/navigation/NavList/__stories__/NavVertical");
+
+Object.keys(_NavVertical).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavVertical[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavVertical[key];
+    }
+  });
+});
+
+var _NavVerticalWithTitle = require("@digigov/ui/navigation/NavList/__stories__/NavVerticalWithTitle");
+
+Object.keys(_NavVerticalWithTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavVerticalWithTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavVerticalWithTitle[key];
+    }
+  });
+});
+
+var _WithSubMenu = require("@digigov/ui/navigation/NavList/__stories__/WithSubMenu");
+
+Object.keys(_WithSubMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithSubMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithSubMenu[key];
+    }
+  });
+});
+
 var _NavVerticalLayout = require("@digigov/ui/navigation/NavList/__stories__/NavVerticalLayout");
 
 Object.keys(_NavVerticalLayout).forEach(function (key) {
@@ -37,6 +79,20 @@ Object.keys(_NavVerticalLayout).forEach(function (key) {
     }
   });
 });
+
+var _WithBurgerIcon = require("@digigov/ui/navigation/NavList/__stories__/WithBurgerIcon");
+
+Object.keys(_WithBurgerIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithBurgerIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithBurgerIcon[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/navigation/NavList',
   description: 'Use the navigation list component only when you need to show more options in one page.',

package/navigation/NavList/NavList.stories.playwright.json

@@ -1,7 +1,7 @@
 {
   "version": "4",
   "stories": {
-    "digigov-ui-navigation-navlist--default": {
+    "digigov-ui-navigation-navlist--with-sub-menu": {
       "actionSets": [
         {
           "actions": [
@@ -12,8 +12,8 @@
               }
             }
           ],
-          "id": "dHQxEQCIJ4bJ",
-          "title": "Hover item"
+          "id": "FO0jt9D4koTE",
+          "title": "Hover Item"
         },
         {
           "actions": [
@@ -24,8 +24,8 @@
               }
             }
           ],
-          "id": "WMfgyO3E_9S_",
-          "title": "Open sub menu"
+          "id": "pSAeXNWiklxX",
+          "title": "Open submenu"
         }
       ]
     }