@digigov/ui 0.28.3 → 0.29.0

package/core/NavList/__stories__/NavHorizontalLayout.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,11 +9,9 @@ exports["default"] = exports.NavHorizontalLayout = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _NavList = _interopRequireWildcard(require("@digigov/ui/core/NavList"));
-
-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 _NavList = require("@digigov/ui/core/NavList/NavList");
 
-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 _NavListItem = require("@digigov/ui/core/NavList/NavListItem");
 
 var links = [{
   name: 'Nav1',
@@ -45,14 +41,14 @@ var links = [{
 }];
 
 var NavHorizontalLayout = function NavHorizontalLayout() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavList["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavList, {
     horizontal: true,
     links: links,
     role: "menubar",
     "aria-orientation": "horizontal",
     "aria-label": "Nav list"
   }, links.map(function (link, key) {
-    return /*#__PURE__*/_react["default"].createElement(_NavList.NavListItem, {
+    return /*#__PURE__*/_react["default"].createElement(_NavListItem.NavListItem, {
       "aria-label": link.label,
       role: "menuitem",
       "aria-haspopup": link.subMenu ? 'true' : 'false',

package/core/NavList/index.d.ts

@@ -5,6 +5,14 @@ export * from '@digigov/ui/core/NavList/NavListContext';
 export * from '@digigov/ui/core/NavList/NavHorizontal';
 export * from '@digigov/ui/core/NavList/NavHorizontalList';
 export * from '@digigov/ui/core/NavList/NavHorizontalListItem';
+export * from '@digigov/ui/core/NavList/NavHorizontalListItemLink';
+export * from '@digigov/ui/core/NavList/NavHorizontalListItemButton';
+export * from '@digigov/ui/core/NavList/NavMenu';
+export * from '@digigov/ui/core/NavList/NavMenuContainer';
+export * from '@digigov/ui/core/NavList/NavMenuContainerTitle';
+export * from '@digigov/ui/core/NavList/NavMenuContainerContent';
+export * from '@digigov/ui/core/NavList/NavMenuContainerContentList';
+export * from '@digigov/ui/core/NavList/NavMenuContainerContentListItem';
 export * from '@digigov/ui/core/NavList/NavVertical';
 export * from '@digigov/ui/core/NavList/NavVerticalItem';
 export * from '@digigov/ui/core/NavList/types';

package/core/NavList/index.js

@@ -106,6 +106,118 @@ Object.keys(_NavHorizontalListItem).forEach(function (key) {
   });
 });
 
+var _NavHorizontalListItemLink = require("@digigov/ui/core/NavList/NavHorizontalListItemLink");
+
+Object.keys(_NavHorizontalListItemLink).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavHorizontalListItemLink[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavHorizontalListItemLink[key];
+    }
+  });
+});
+
+var _NavHorizontalListItemButton = require("@digigov/ui/core/NavList/NavHorizontalListItemButton");
+
+Object.keys(_NavHorizontalListItemButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavHorizontalListItemButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavHorizontalListItemButton[key];
+    }
+  });
+});
+
+var _NavMenu = require("@digigov/ui/core/NavList/NavMenu");
+
+Object.keys(_NavMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavMenu[key];
+    }
+  });
+});
+
+var _NavMenuContainer = require("@digigov/ui/core/NavList/NavMenuContainer");
+
+Object.keys(_NavMenuContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavMenuContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavMenuContainer[key];
+    }
+  });
+});
+
+var _NavMenuContainerTitle = require("@digigov/ui/core/NavList/NavMenuContainerTitle");
+
+Object.keys(_NavMenuContainerTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavMenuContainerTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavMenuContainerTitle[key];
+    }
+  });
+});
+
+var _NavMenuContainerContent = require("@digigov/ui/core/NavList/NavMenuContainerContent");
+
+Object.keys(_NavMenuContainerContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavMenuContainerContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavMenuContainerContent[key];
+    }
+  });
+});
+
+var _NavMenuContainerContentList = require("@digigov/ui/core/NavList/NavMenuContainerContentList");
+
+Object.keys(_NavMenuContainerContentList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavMenuContainerContentList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavMenuContainerContentList[key];
+    }
+  });
+});
+
+var _NavMenuContainerContentListItem = require("@digigov/ui/core/NavList/NavMenuContainerContentListItem");
+
+Object.keys(_NavMenuContainerContentListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NavMenuContainerContentListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavMenuContainerContentListItem[key];
+    }
+  });
+});
+
 var _NavVertical = require("@digigov/ui/core/NavList/NavVertical");
 
 Object.keys(_NavVertical).forEach(function (key) {

package/core/NavList/index.mdx

@@ -15,8 +15,11 @@ import NavList, { NavListItem } from '@digigov/ui/core/NavList';
 
 ### Horizontal NavList
 
-<Story packageName="@digigov/ui" component="core/NavList" story="NavHorizontalLayout.tsx" />
-
+<Story
+  packageName="@digigov/ui"
+  component="core/NavList"
+  story="NavHorizontalLayout.tsx"
+/>
 
 ## Accessibility
 

package/core/NotificationBanner/NotificationBanner.stories.js

@@ -39,9 +39,9 @@ Object.keys(_Success).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/core/NotificationBanner',
-  tags: ["Experimental"],
-  description: "Use a notification banner to tell the user about something they need to know about, but that’s not directly related to the page content.",
-  link: "https://guide.services.gov.gr/docs/components/Notification-Banner",
+  tags: ['Experimental'],
+  description: 'Use a notification banner to tell the user about something they need to know about, but that’s not directly related to the page content.',
+  link: 'https://guide.services.gov.gr/docs/components/Notification-Banner',
   component: _NotificationBanner["default"],
   displayName: 'NotificationBanner'
 };

package/core/NotificationBanner/__stories__/Default.js

@@ -9,10 +9,10 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _NotificationBanner = _interopRequireDefault(require("@digigov/ui/core/NotificationBanner"));
+var _NotificationBanner = require("@digigov/ui/core/NotificationBanner");
 
 var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_NotificationBanner["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_NotificationBanner.NotificationBanner, {
     title: "Warning",
     link: {
       label: 'Προβολή αίτησης',

package/core/NotificationBanner/__stories__/Success.js

@@ -9,10 +9,10 @@ exports["default"] = exports.Success = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _NotificationBanner = _interopRequireDefault(require("@digigov/ui/core/NotificationBanner"));
+var _NotificationBanner = require("@digigov/ui/core/NotificationBanner");
 
 var Success = function Success() {
-  return /*#__PURE__*/_react["default"].createElement(_NotificationBanner["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_NotificationBanner.NotificationBanner, {
     title: "\u0395\u03C0\u03B9\u03C4\u03C5\u03C7\u03AE\u03C2 \u03C5\u03C0\u03BF\u03B2\u03BF\u03BB\u03AE",
     variant: "success",
     link: {

package/core/NotificationBanner/index.mdx

@@ -8,20 +8,22 @@ title: NotificationBanner
 This component is currently experimental because more research is needed to validate it.
 
 Use a notification banner to tell the user about something they need to know about, but that’s not directly related to the page content.
- 
-
 
 ```bash
 import NotificationBanner from '@digigov/ui/core/NotificationBanner';
-``` 
+```
 
 ## How to use
 
 Use a ‘neutral’ blue notification banner if the user needs to know about a problem with the service as a whole.
 
-Use a ‘neutral’ notification banner if the user needs to know about something that’s happening elsewhere in the service. 
+Use a ‘neutral’ notification banner if the user needs to know about something that’s happening elsewhere in the service.
 
-<Story packageName="@digigov/ui" component="core/NotificationBanner" story="Default.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/NotificationBanner"
+  story="Default.tsx"
+/>
 
 You can also use a notification banner to tell the user about the outcome of something they’ve just done - but they have not finished using the service, so it does not make sense to use a confirmation page.
 

package/core/PhaseBanner/PhaseBanner.stories.d.ts

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

package/core/PhaseBanner/PhaseBanner.stories.js

@@ -10,7 +10,7 @@ exports["default"] = void 0;
 
 var _PhaseBanner = _interopRequireDefault(require("@digigov/ui/core/PhaseBanner"));
 
-var _Default = require("./__stories__/Default");
+var _Default = require("@digigov/ui/core/PhaseBanner/__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 _Underlined = require("./__stories__/Underlined");
+var _Underlined = require("@digigov/ui/core/PhaseBanner/__stories__/Underlined");
 
 Object.keys(_Underlined).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/core/PhaseBanner/__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,15 +9,11 @@ exports["default"] = exports.Default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _PhaseBanner = _interopRequireWildcard(require("@digigov/ui/core/PhaseBanner"));
-
-var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
-
-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 _PhaseBanner = require("@digigov/ui/core/PhaseBanner");
 
-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 _Link = require("@digigov/ui/core/Link");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_PhaseBanner["default"], null, /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerTag, null, "ALPHA"), /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 ", /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBanner, null, /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerTag, null, "ALPHA"), /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 ", /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   href: "#feedback"
 }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
 

package/core/PhaseBanner/__stories__/Underlined.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,17 +9,13 @@ exports["default"] = exports.Underlined = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _PhaseBanner = _interopRequireWildcard(require("@digigov/ui/core/PhaseBanner"));
-
-var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
-
-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 _PhaseBanner = require("@digigov/ui/core/PhaseBanner");
 
-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 _Link = require("@digigov/ui/core/Link");
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_PhaseBanner["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBanner, {
   underline: true
-}, /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerTag, null, "ALPHA"), /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 ", /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+}, /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerTag, null, "ALPHA"), /*#__PURE__*/_react["default"].createElement(_PhaseBanner.PhaseBannerText, null, "\u0391\u03C5\u03C4\u03AE \u03B5\u03AF\u03BD\u03B1\u03B9 \u03BC\u03AF\u03B1 \u03BD\u03AD\u03B1 \u03C5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B1 \u2013 \u03C4\u03B1 ", /*#__PURE__*/_react["default"].createElement(_Link.Link, {
   href: "#feedback"
 }, "\u03C3\u03C7\u03CC\u03BB\u03B9\u03AC"), " \u03C3\u03B1\u03C2 \u03B8\u03B1 \u03BC\u03B1\u03C2 \u03B2\u03BF\u03B7\u03B8\u03AE\u03C3\u03BF\u03C5\u03BD \u03BD\u03B1 \u03C4\u03B7 \u03B2\u03B5\u03BB\u03C4\u03B9\u03CE\u03C3\u03BF\u03C5\u03BC\u03B5."));
 

package/core/PhaseBanner/index.mdx

@@ -6,18 +6,20 @@ title: PhaseBanner
 # PhaseBanner
 
 Use the phase banner component to show users your service is still being worked on.
- 
-
 
 ```bash
 import PhaseBanner from '@digigov/ui/core/PhaseBanner';
-``` 
+```
 
 ## How to use
 
 Your banner must be directly under the blue GOV.GR header and colour bar.
 
-<Story packageName="@digigov/ui" component="core/PhaseBanner" story="Default.tsx" />
+<Story
+  packageName="@digigov/ui"
+  component="core/PhaseBanner"
+  story="Default.tsx"
+/>
 
 ### Underlined
 

package/core/RadioContainer/RadioContainer.stories.d.ts

@@ -0,0 +1,16 @@
+declare namespace _default {
+    export const title: string;
+    export const description: string;
+    export const link: string;
+    export { RadioContainer as component };
+    export const displayName: string;
+}
+export default _default;
+export * from "@digigov/ui/core/RadioContainer/__stories__/Default";
+export * from "@digigov/ui/core/RadioContainer/__stories__/MultipleQuestions";
+export * from "@digigov/ui/core/RadioContainer/__stories__/Inline";
+export * from "@digigov/ui/core/RadioContainer/__stories__/WithHints";
+export * from "@digigov/ui/core/RadioContainer/__stories__/NoneAnswer";
+export * from "@digigov/ui/core/RadioContainer/__stories__/WithErrorMessage";
+export * from "@digigov/ui/core/RadioContainer/__stories__/ConditionalReveal";
+import RadioContainer from "@digigov/ui/core/RadioContainer";

package/core/{Radios/Radios.stories.js → RadioContainer/RadioContainer.stories.js}

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Radios = _interopRequireDefault(require("@digigov/ui/core/Radios"));
+var _RadioContainer = _interopRequireDefault(require("@digigov/ui/core/RadioContainer"));
 
-var _Default = require("@digigov/ui/core/Radios/__stories__/Default");
+var _Default = require("@digigov/ui/core/RadioContainer/__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/Radios/__stories__/MultipleQuestions");
+var _MultipleQuestions = require("@digigov/ui/core/RadioContainer/__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 _Inline = require("@digigov/ui/core/Radios/__stories__/Inline");
+var _Inline = require("@digigov/ui/core/RadioContainer/__stories__/Inline");
 
 Object.keys(_Inline).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -52,7 +52,7 @@ Object.keys(_Inline).forEach(function (key) {
   });
 });
 
-var _WithHints = require("@digigov/ui/core/Radios/__stories__/WithHints");
+var _WithHints = require("@digigov/ui/core/RadioContainer/__stories__/WithHints");
 
 Object.keys(_WithHints).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -66,7 +66,7 @@ Object.keys(_WithHints).forEach(function (key) {
   });
 });
 
-var _NoneAnswer = require("@digigov/ui/core/Radios/__stories__/NoneAnswer");
+var _NoneAnswer = require("@digigov/ui/core/RadioContainer/__stories__/NoneAnswer");
 
 Object.keys(_NoneAnswer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -80,7 +80,7 @@ Object.keys(_NoneAnswer).forEach(function (key) {
   });
 });
 
-var _WithErrorMessage = require("@digigov/ui/core/Radios/__stories__/WithErrorMessage");
+var _WithErrorMessage = require("@digigov/ui/core/RadioContainer/__stories__/WithErrorMessage");
 
 Object.keys(_WithErrorMessage).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -94,7 +94,7 @@ Object.keys(_WithErrorMessage).forEach(function (key) {
   });
 });
 
-var _ConditionalReveal = require("@digigov/ui/core/Radios/__stories__/ConditionalReveal");
+var _ConditionalReveal = require("@digigov/ui/core/RadioContainer/__stories__/ConditionalReveal");
 
 Object.keys(_ConditionalReveal).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -108,10 +108,10 @@ Object.keys(_ConditionalReveal).forEach(function (key) {
   });
 });
 var _default = {
-  title: 'Digigov UI/core/Radios',
+  title: 'Digigov UI/core/RadioContainer',
   description: 'Use the radios component when users can only select one option from a list.',
   link: 'https://guide.services.gov.gr/docs/components/radio',
-  component: _Radios["default"],
-  displayName: 'Radios'
+  component: _RadioContainer["default"],
+  displayName: 'RadioContainer'
 };
 exports["default"] = _default;

package/{es/core/Radios/Radios.stories.playwright.json → core/RadioContainer/RadioContainer.stories.playwright.json}

@@ -1,7 +1,7 @@
 {
   "version": "4",
   "stories": {
-    "digigov-ui-core-radios--default": {
+    "digigov-ui-core-RadioContainer--default": {
       "actionSets": [
         {
           "actions": [
@@ -29,7 +29,7 @@
         }
       ]
     },
-    "digigov-ui-core-radios--with-hints": {
+    "digigov-ui-core-RadioContainer--with-hints": {
       "actionSets": [
         {
           "actions": [
@@ -46,4 +46,4 @@
       ]
     }
   }
-}
+}

package/core/RadioContainer/__stories__/ConditionalReveal.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ConditionalReveal = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _RadioContainer = require("@digigov/ui/core/RadioContainer");
+
+var _TextInput = require("@digigov/ui/core/TextInput");
+
+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, {
+  "aria-describedby": "contact-hint"
+}, /*#__PURE__*/_react["default"].createElement(_FieldContainer.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["default"].createElement(_Hint.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["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  defaultChecked: true,
+  name: "contact",
+  value: "email"
+}, "Email"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioConditional, null, "Email address", /*#__PURE__*/_react["default"].createElement(_TextInput.TextInput, {
+  name: "email",
+  cellWidth: "one-third"
+})), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "contact",
+  value: "phone"
+}, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"))));
+
+var ConditionalReveal = function ConditionalReveal() {
+  return _ref;
+};
+
+exports.ConditionalReveal = ConditionalReveal;
+var _default = ConditionalReveal;
+exports["default"] = _default;

package/core/RadioContainer/__stories__/Default.js

@@ -0,0 +1,36 @@
+"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 _RadioContainer = require("@digigov/ui/core/RadioContainer");
+
+var _FieldContainer = require("@digigov/ui/core/FieldContainer");
+
+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, {
+  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: "usa"
+}, "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;
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/core/RadioContainer/__stories__/Inline.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Inline = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _RadioContainer = require("@digigov/ui/core/RadioContainer");
+
+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, {
+  "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, {
+  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, {
+  inline: true
+}, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "changed_name",
+  value: "yes"
+}, "\u039D\u03B1\u03B9"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  name: "changed_name",
+  value: "no"
+}, "\u038C\u03C7\u03B9"))));
+
+var Inline = function Inline() {
+  return _ref;
+};
+
+exports.Inline = Inline;
+var _default = Inline;
+exports["default"] = _default;