@digigov/ui 0.28.1 → 0.28.3

package/core/NavList/index.js

@@ -1,17 +1,14 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _NavList.NavList;
-  }
-});
+exports["default"] = void 0;
 
-var _NavList = require("@digigov/ui/core/NavList/NavList");
+var _NavList = _interopRequireWildcard(require("@digigov/ui/core/NavList/NavList"));
 
 Object.keys(_NavList).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -135,4 +132,25 @@ Object.keys(_NavVerticalItem).forEach(function (key) {
       return _NavVerticalItem[key];
     }
   });
-});
+});
+
+var _types = require("@digigov/ui/core/NavList/types");
+
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[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 = _NavList["default"];
+exports["default"] = _default;

package/core/NavList/index.mdx

@@ -23,3 +23,7 @@ import NavList, { NavListItem } from '@digigov/ui/core/NavList';
 You can read more about the accessibility patterns used in our NavList
 implementation in the ARIA Authoring Practices Guide (APG) at
 [Menu or Menu bar](https://www.w3.org/WAI/ARIA/apg/patterns/menu/).
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="NavList" />

package/core/NotificationBanner/NotificationBanner.stories.d.ts

@@ -1,6 +1,10 @@
 declare namespace _default {
     export const title: string;
+    export const tags: string[];
+    export const description: string;
+    export const link: string;
     export { NotificationBanner as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/core/NotificationBanner/__stories__/Default";

package/core/NotificationBanner/NotificationBanner.stories.js

@@ -39,6 +39,10 @@ Object.keys(_Success).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/core/NotificationBanner',
-  component: _NotificationBanner["default"]
+  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'
 };
 exports["default"] = _default;

package/core/NotificationBanner/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { NotificationBannerProps as CoreNotificationBannerProps } from '@digigov/react-core/NotificationBanner';
+import NotificationBannerContainer, { NotificationBannerContainerProps } from '@digigov/react-core/NotificationBannerContainer';
 import NotificationBannerHeader from '@digigov/react-core/NotificationBannerHeader';
 import NotificationBannerHeading from '@digigov/react-core/NotificationBannerHeading';
 import NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
 import NotificationBannerLink from '@digigov/react-core/NotificationBannerLink';
-export interface NotificationBannerProps extends CoreNotificationBannerProps {
+export interface NotificationBannerProps extends NotificationBannerContainerProps {
     variant?: 'important' | 'success';
     title?: string;
     link?: {
@@ -14,5 +14,5 @@ export interface NotificationBannerProps extends CoreNotificationBannerProps {
     ref?: React.Ref<HTMLDivElement>;
 }
 export declare const NotificationBanner: React.FC<NotificationBannerProps>;
-export { NotificationBannerHeader, NotificationBannerContent, NotificationBannerHeading, NotificationBannerLink, };
+export { NotificationBannerContainer, NotificationBannerHeader, NotificationBannerContent, NotificationBannerHeading, NotificationBannerLink, };
 export default NotificationBanner;

package/core/NotificationBanner/index.js

@@ -6,6 +6,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NotificationBanner = void 0;
+Object.defineProperty(exports, "NotificationBannerContainer", {
+  enumerable: true,
+  get: function get() {
+    return _NotificationBannerContainer["default"];
+  }
+});
 Object.defineProperty(exports, "NotificationBannerContent", {
   enumerable: true,
   get: function get() {
@@ -38,7 +44,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _NotificationBanner = _interopRequireDefault(require("@digigov/react-core/NotificationBanner"));
+var _NotificationBannerContainer = _interopRequireDefault(require("@digigov/react-core/NotificationBannerContainer"));
 
 var _NotificationBannerHeader = _interopRequireDefault(require("@digigov/react-core/NotificationBannerHeader"));
 
@@ -61,7 +67,7 @@ var NotificationBanner = function NotificationBanner(_ref) {
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var success = variant === 'success';
   title = title ? title : success ? 'Success' : 'Important';
-  return /*#__PURE__*/_react["default"].createElement(_NotificationBanner["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_NotificationBannerContainer["default"], (0, _extends2["default"])({
     success: success
   }, props), /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeader["default"], null, title), /*#__PURE__*/_react["default"].createElement(_NotificationBannerContent["default"], null, /*#__PURE__*/_react["default"].createElement(_NotificationBannerHeading["default"], null, children, _ref2, link && /*#__PURE__*/_react["default"].createElement(_NotificationBannerLink["default"], {
     href: link.href

package/core/NotificationBanner/index.mdx

@@ -26,3 +26,7 @@ Use a ‘neutral’ notification banner if the user needs to know about somethin
 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.
 
 <Story packageName="@digigov/ui" component="core/NotificationBanner" story="Success.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="NotificationBanner" />

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

@@ -1,6 +1,9 @@
 declare namespace _default {
     export const title: string;
+    export const description: string;
+    export const link: string;
     export { PhaseBanner as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "./__stories__/Default";

package/core/PhaseBanner/PhaseBanner.stories.js

@@ -39,6 +39,9 @@ Object.keys(_Underlined).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/core/PhaseBanner',
-  component: _PhaseBanner["default"]
+  description: 'Use the phase banner component to show users your service is still being worked on.',
+  link: 'https://guide.services.gov.gr/docs/components/phase-banner',
+  component: _PhaseBanner["default"],
+  displayName: 'PhaseBanner'
 };
 exports["default"] = _default;

package/core/PhaseBanner/index.mdx

@@ -22,3 +22,7 @@ Your banner must be directly under the blue GOV.GR header and colour bar.
 ### Underlined
 
 <Story packageName="@digigov/ui" component="core/PhaseBanner" story="Underlined.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="PhaseBanner" />

package/core/Radios/Radios.stories.d.ts

@@ -1,6 +1,9 @@
 declare namespace _default {
     export const title: string;
+    export const description: string;
+    export const link: string;
     export { Radios as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "@digigov/ui/core/Radios/__stories__/Default";

package/core/Radios/Radios.stories.js

@@ -109,6 +109,9 @@ Object.keys(_ConditionalReveal).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/core/Radios',
-  component: _Radios["default"]
+  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'
 };
 exports["default"] = _default;

package/core/Radios/__stories__/ConditionalReveal.js

@@ -28,7 +28,7 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null,
 }, /*#__PURE__*/_react["default"].createElement(_Field.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["default"], {
   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(_Radios["default"], null, /*#__PURE__*/_react["default"].createElement(_Radios.RadioItem, {
-  checked: true,
+  defaultChecked: true,
   name: "contact",
   value: "email"
 }, "Email"), /*#__PURE__*/_react["default"].createElement(_Radios.RadioConditional, null, "Email address", /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {

package/core/Radios/index.d.ts

@@ -1,5 +1,5 @@
-export * from '@digigov/react-core/Radio';
+export * from '@digigov/react-core/RadioContainer';
 export * from '@digigov/react-core/RadioItem';
 export * from '@digigov/react-core/RadioConditional';
-import Radios from '@digigov/react-core/Radio';
+import Radios from '@digigov/react-core/RadioContainer';
 export default Radios;

package/core/Radios/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Radio = _interopRequireWildcard(require("@digigov/react-core/Radio"));
+var _RadioContainer = _interopRequireWildcard(require("@digigov/react-core/RadioContainer"));
 
-Object.keys(_Radio).forEach(function (key) {
+Object.keys(_RadioContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Radio[key]) return;
+  if (key in exports && exports[key] === _RadioContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Radio[key];
+      return _RadioContainer[key];
     }
   });
 });
@@ -54,5 +54,5 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 = _Radio["default"];
+var _default = _RadioContainer["default"];
 exports["default"] = _default;

package/core/Radios/index.mdx

@@ -54,3 +54,17 @@ Error messages should be styled like this:
 
 
 
+
+## API
+
+### RadioContainer
+
+<PropTypes packageName="@digigov/ui" component="RadioContainer" />
+
+### RadioConditional
+
+<PropTypes packageName="@digigov/ui" component="RadioConditional" />
+
+### RadioItem
+
+<PropTypes packageName="@digigov/ui" component="RadioItem" />

package/core/Select/Select.stories.d.ts

@@ -1,6 +1,9 @@
 declare namespace _default {
     export const title: string;
+    export const description: string;
+    export const link: string;
     export { Select as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "./__stories__/Default";

package/core/Select/Select.stories.js

@@ -53,6 +53,9 @@ Object.keys(_WithHint).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/core/Select',
-  component: _Select["default"]
+  description: 'The select component should only be used as a last resort in public-facing services because research shows that some users find selects very difficult to use.',
+  link: 'https://guide.services.gov.gr/docs/components/select',
+  component: _Select["default"],
+  displayName: 'Select'
 };
 exports["default"] = _default;

package/core/Select/__stories__/Default.js

@@ -15,13 +15,13 @@ var _Select = _interopRequireWildcard(require("@digigov/ui/core/Select"));
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 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 _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/_react["default"].createElement(_Select["default"], {
   name: "select-list",
   "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7"
 }, /*#__PURE__*/_react["default"].createElement(_Select.SelectOption, {

package/core/Select/__stories__/DisabledInput.js

@@ -15,13 +15,13 @@ var _Select = _interopRequireWildcard(require("@digigov/ui/core/Select"));
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 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 _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/_react["default"].createElement(_Select["default"], {
   name: "select-list",
   disabled: true,
   "aria-disabled": "true",

package/core/Select/__stories__/WithHint.js

@@ -15,7 +15,7 @@ var _Select = _interopRequireWildcard(require("@digigov/ui/core/Select"));
 
 var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 var _typography = require("@digigov/ui/typography");
 
@@ -23,7 +23,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/_react["default"].createElement(_typography.Hint, null, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C4\u03B1\u03BE\u03B9\u03BC\u03CC\u03BD\u03B7\u03C3\u03B7 \u03C0\u03BF\u03C5 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5."), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, "\u03A4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7", /*#__PURE__*/_react["default"].createElement(_typography.Hint, null, "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03C4\u03B7\u03BD \u03C4\u03B1\u03BE\u03B9\u03BC\u03CC\u03BD\u03B7\u03C3\u03B7 \u03C0\u03BF\u03C5 \u03B8\u03AD\u03BB\u03B5\u03C4\u03B5."), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
   name: "select-list",
   "aria-label": "\u03C4\u03B1\u03BE\u03B9\u03BD\u03CC\u03BC\u03B7\u03C3\u03B7"
 }, /*#__PURE__*/_react["default"].createElement(_Select.SelectOption, {

package/core/Select/index.d.ts

@@ -1,4 +1,4 @@
-export * from '@digigov/react-core/Select';
+export * from '@digigov/react-core/SelectContainer';
 export * from '@digigov/react-core/SelectOption';
-import Select from '@digigov/react-core/Select';
+import Select from '@digigov/react-core/SelectContainer';
 export default Select;

package/core/Select/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Select = _interopRequireWildcard(require("@digigov/react-core/Select"));
+var _SelectContainer = _interopRequireWildcard(require("@digigov/react-core/SelectContainer"));
 
-Object.keys(_Select).forEach(function (key) {
+Object.keys(_SelectContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Select[key]) return;
+  if (key in exports && exports[key] === _SelectContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _Select[key];
+      return _SelectContainer[key];
     }
   });
 });
@@ -40,5 +40,5 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 = _Select["default"];
+var _default = _SelectContainer["default"];
 exports["default"] = _default;

package/core/Select/index.mdx

@@ -40,3 +40,7 @@ implementation in the ARIA Authoring Practices Guide (APG) at
 
 
 
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="SelectContainer" />

package/core/SummaryList/SummaryList.stories.d.ts

@@ -1,6 +1,9 @@
 declare namespace _default {
     export const title: string;
+    export const description: string;
+    export const link: string;
     export { SummaryList as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "./__stories__/Default";
@@ -8,3 +11,4 @@ export * from "./__stories__/WithActions";
 export * from "./__stories__/WithoutBorders";
 export * from "./__stories__/WithKeyAndAction";
 export * from "./__stories__/RowVariations";
+import SummaryList from "@digigov/ui/core/SummaryList";

package/core/SummaryList/SummaryList.stories.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _core = _interopRequireDefault(require("@digigov/ui/core"));
+var _SummaryList = _interopRequireDefault(require("@digigov/ui/core/SummaryList"));
 
 var _Default = require("./__stories__/Default");
 
@@ -83,6 +83,9 @@ Object.keys(_RowVariations).forEach(function (key) {
 /* eslint-disable digigov/no-relative-imports */
 var _default = {
   title: 'Digigov UI/core/SummaryList',
-  component: _core["default"]
+  description: 'Use the summary list to summarise information.',
+  link: 'https://guide.services.gov.gr/docs/components/summary-list',
+  component: _SummaryList["default"],
+  displayName: 'SummaryList'
 };
 exports["default"] = _default;

package/core/SummaryList/index.mdx

@@ -30,3 +30,7 @@ This means a screen reader user will hear a meaningful action, like ‘Αλλα
 If you do not include actions in your summary list and it would be better for your design to remove the separating borders, use the `border={false}` prop.
 
 <Story packageName="@digigov/ui" component="core/SummaryList" story="WithoutBorders.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="SummaryList" />

package/core/Table/Table.stories.d.ts

@@ -1,6 +1,9 @@
 declare namespace _default {
     export const title: string;
+    export const description: string;
+    export const link: string;
     export { Table as component };
+    export const displayName: string;
 }
 export default _default;
 export * from "./__stories__/Default";
@@ -18,3 +21,4 @@ export * from "./__stories__/Densed";
 export * from "./__stories__/MultipleProps";
 export * from "./__stories__/WithFloatingScroll";
 export * from "./__stories__/Full";
+import Table from "@digigov/ui/core/Table";

package/core/Table/Table.stories.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _core = _interopRequireDefault(require("@digigov/ui/core"));
+var _Table = _interopRequireDefault(require("@digigov/ui/core/Table"));
 
 var _Default = require("./__stories__/Default");
 
@@ -223,6 +223,9 @@ Object.keys(_Full).forEach(function (key) {
 /* eslint-disable digigov/no-relative-imports */
 var _default = {
   title: 'Digigov UI/core/Table',
-  component: _core["default"]
+  description: 'Use the table component to make information easier to compare and scan for users.',
+  link: 'https://guide.services.gov.gr/docs/components/table',
+  component: _Table["default"],
+  displayName: 'Table'
 };
 exports["default"] = _default;

package/core/Table/__stories__/WithFloatingScroll.js

@@ -66,20 +66,6 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, n
   href: "#"
 }, "Dismiss")))));
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, null, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2");
-
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, null, /*#__PURE__*/_react["default"].createElement(_admin.Dropdown, {
-  "float": true,
-  align: "left",
-  placement: "bottom"
-}, /*#__PURE__*/_react["default"].createElement(_admin.DropdownButton, {
-  variant: "link"
-}, "\u0395\u03BD\u03AD\u03C1\u03B3\u03B5\u03B9\u03B5\u03C2"), /*#__PURE__*/_react["default"].createElement(_admin.DropdownContent, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavVertical, null, /*#__PURE__*/_react["default"].createElement(_NavList.NavVerticalItem, {
-  href: "#"
-}, "Accept"), /*#__PURE__*/_react["default"].createElement(_NavList.NavVerticalItem, {
-  href: "#"
-}, "Dismiss")))));
-
 var WithFloatingScroll = function WithFloatingScroll() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_TableFloatingScroll["default"], null, /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, Object.keys(data[0]).map(function (key) {
     return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
@@ -93,19 +79,7 @@ var WithFloatingScroll = function WithFloatingScroll() {
         key: key
       }, dt[key]);
     }), _ref2);
-  })))), /*#__PURE__*/_react["default"].createElement(_Table.Table, null, /*#__PURE__*/_react["default"].createElement(_Table.TableHead, null, /*#__PURE__*/_react["default"].createElement(_Table.TableRow, null, Object.keys(data[0]).map(function (key) {
-    return /*#__PURE__*/_react["default"].createElement(_Table.TableHeadCell, {
-      key: key
-    }, labels[key]);
-  }), _ref3)), /*#__PURE__*/_react["default"].createElement(_Table.TableBody, null, data && data.map(function (dt, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Table.TableRow, {
-      key: index
-    }, Object.keys(dt).map(function (key) {
-      return /*#__PURE__*/_react["default"].createElement(_Table.TableDataCell, {
-        key: key
-      }, dt[key]);
-    }), _ref4);
-  }))));
+  })))));
 };
 
 exports.WithFloatingScroll = WithFloatingScroll;

package/core/Table/index.d.ts

@@ -8,3 +8,5 @@ export * from '@digigov/react-core/TableHeadCell';
 export * from '@digigov/react-core/TableRow';
 export * from '@digigov/react-core/TableNoDataRow';
 export * from '@digigov/ui/core/Table/TableFloatingScroll';
+import Table from '@digigov/react-core/Table';
+export default Table;