@digigov/ui 0.28.1 → 0.28.3

package/core/Table/index.js

@@ -1,13 +1,18 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
+exports["default"] = void 0;
 
 var _TableContainer = require("@digigov/react-core/TableContainer");
 
 Object.keys(_TableContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,10 +22,11 @@ Object.keys(_TableContainer).forEach(function (key) {
   });
 });
 
-var _Table = require("@digigov/react-core/Table");
+var _Table = _interopRequireWildcard(require("@digigov/react-core/Table"));
 
 Object.keys(_Table).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _Table[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -34,6 +40,7 @@ var _TableBody = require("@digigov/react-core/TableBody");
 
 Object.keys(_TableBody).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableBody[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -47,6 +54,7 @@ var _TableCaption = require("@digigov/react-core/TableCaption");
 
 Object.keys(_TableCaption).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableCaption[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -60,6 +68,7 @@ var _TableDataCell = require("@digigov/react-core/TableDataCell");
 
 Object.keys(_TableDataCell).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableDataCell[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -73,6 +82,7 @@ var _TableHead = require("@digigov/react-core/TableHead");
 
 Object.keys(_TableHead).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableHead[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -86,6 +96,7 @@ var _TableHeadCell = require("@digigov/react-core/TableHeadCell");
 
 Object.keys(_TableHeadCell).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableHeadCell[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -99,6 +110,7 @@ var _TableRow = require("@digigov/react-core/TableRow");
 
 Object.keys(_TableRow).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableRow[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -112,6 +124,7 @@ var _TableNoDataRow = require("@digigov/react-core/TableNoDataRow");
 
 Object.keys(_TableNoDataRow).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableNoDataRow[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -125,6 +138,7 @@ var _TableFloatingScroll = require("@digigov/ui/core/Table/TableFloatingScroll")
 
 Object.keys(_TableFloatingScroll).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _TableFloatingScroll[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -132,4 +146,11 @@ Object.keys(_TableFloatingScroll).forEach(function (key) {
       return _TableFloatingScroll[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 = _Table["default"];
+exports["default"] = _default;

package/core/Table/index.mdx

@@ -65,4 +65,7 @@ Use the `<TableCaption>` element to describe a table in the same way you would u
 
 You can read more about the accessibility patterns used in our Table
 implementation in the ARIA Authoring Practices Guide (APG) at 
-[Table](https://www.w3.org/WAI/ARIA/apg/patterns/table/) section.
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Table" />

package/core/Tabs/Tabs.stories.d.ts

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

package/core/Tabs/Tabs.stories.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _core = _interopRequireDefault(require("@digigov/ui/core"));
+var _Tabs = _interopRequireDefault(require("@digigov/ui/core/Tabs"));
 
 var _Default = require("./__stories__/Default");
 
@@ -25,6 +25,10 @@ Object.keys(_Default).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/core/Tabs',
-  component: _core["default"]
+  tags: ["Experimental"],
+  description: "The tabs component lets users navigate between related sections of content, displaying one section at a time.",
+  link: "https://guide.services.gov.gr/docs/components/tabs",
+  component: _Tabs["default"],
+  displayName: 'Tabs'
 };
 exports["default"] = _default;

package/core/Tabs/index.d.ts

@@ -1,8 +1,4 @@
 import Tabs from '@digigov/react-core/Tabs';
-import TabsList from '@digigov/react-core/TabsList';
-import TabsListItem from '@digigov/react-core/TabsListItem';
-import TabsPanel from '@digigov/react-core/TabsPanel';
-import TabsHeading from '@digigov/react-core/TabsHeading';
 import { UseTogglableSectionsReturn } from '@digigov/ui/hooks/useTogglableSections';
 export interface UseTabsReturn extends UseTogglableSectionsReturn {
     panel: (key: string) => {
@@ -11,6 +7,10 @@ export interface UseTabsReturn extends UseTogglableSectionsReturn {
         id: string;
     };
 }
-export { Tabs, TabsList, TabsListItem, TabsPanel, TabsHeading };
 export declare const useTabs: () => UseTabsReturn;
+export * from '@digigov/react-core/Tabs';
+export * from '@digigov/react-core/TabsList';
+export * from '@digigov/react-core/TabsListItem';
+export * from '@digigov/react-core/TabsPanel';
+export * from '@digigov/react-core/TabsHeading';
 export default Tabs;

package/core/Tabs/index.js

@@ -2,39 +2,14 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Tabs", {
-  enumerable: true,
-  get: function get() {
-    return _Tabs["default"];
-  }
-});
-Object.defineProperty(exports, "TabsHeading", {
-  enumerable: true,
-  get: function get() {
-    return _TabsHeading["default"];
-  }
-});
-Object.defineProperty(exports, "TabsList", {
-  enumerable: true,
-  get: function get() {
-    return _TabsList["default"];
-  }
-});
-Object.defineProperty(exports, "TabsListItem", {
-  enumerable: true,
-  get: function get() {
-    return _TabsListItem["default"];
-  }
-});
-Object.defineProperty(exports, "TabsPanel", {
-  enumerable: true,
-  get: function get() {
-    return _TabsPanel["default"];
-  }
-});
+var _exportNames = {
+  useTabs: true
+};
 exports.useTabs = exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
@@ -43,20 +18,83 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _Tabs = _interopRequireDefault(require("@digigov/react-core/Tabs"));
+var _Tabs = _interopRequireWildcard(require("@digigov/react-core/Tabs"));
 
-var _TabsList = _interopRequireDefault(require("@digigov/react-core/TabsList"));
+Object.keys(_Tabs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Tabs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tabs[key];
+    }
+  });
+});
 
-var _TabsListItem = _interopRequireDefault(require("@digigov/react-core/TabsListItem"));
+var _useTogglableSections2 = require("@digigov/ui/hooks/useTogglableSections");
 
-var _TabsPanel = _interopRequireDefault(require("@digigov/react-core/TabsPanel"));
+var _TabsList = require("@digigov/react-core/TabsList");
 
-var _TabsHeading = _interopRequireDefault(require("@digigov/react-core/TabsHeading"));
+Object.keys(_TabsList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabsList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabsList[key];
+    }
+  });
+});
 
-var _useTogglableSections2 = require("@digigov/ui/hooks/useTogglableSections");
+var _TabsListItem = require("@digigov/react-core/TabsListItem");
 
+Object.keys(_TabsListItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabsListItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabsListItem[key];
+    }
+  });
+});
+
+var _TabsPanel = require("@digigov/react-core/TabsPanel");
+
+Object.keys(_TabsPanel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabsPanel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabsPanel[key];
+    }
+  });
+});
+
+var _TabsHeading = require("@digigov/react-core/TabsHeading");
+
+Object.keys(_TabsHeading).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabsHeading[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabsHeading[key];
+    }
+  });
+});
 var _excluded = ["register", "opened"];
 
+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 useTabs = function useTabs() {
   var registeredPanels = (0, _react.useRef)({});
   var goTo = (0, _react.useCallback)(function (key) {

package/core/Tabs/index.mdx

@@ -14,3 +14,7 @@ import Tabs from '@digigov/ui/core/Tabs';
 ## How to use
 
 <Story packageName="@digigov/ui" component="core/Tabs" story="Default.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="Tabs" />

package/core/TextArea/TextArea.stories.d.ts

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

package/core/TextArea/TextArea.stories.js

@@ -109,6 +109,9 @@ Object.keys(_DisabledInput).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/core/TextArea',
-  component: _TextArea["default"]
+  description: "Use the textarea component when you need to let users enter an amount of text that’s longer than a single line.",
+  link: "https://guide.services.gov.gr/docs/components/textarea",
+  component: _TextArea["default"],
+  displayName: 'TextArea'
 };
 exports["default"] = _default;

package/core/TextArea/__stories__/Default.js

@@ -11,13 +11,13 @@ var _react = _interopRequireDefault(require("react"));
 
 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 _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
 var _TextArea = _interopRequireDefault(require("@digigov/ui/core/TextArea"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/_react["default"].createElement(_TextArea["default"], {
   name: "textarea"

package/core/TextArea/__stories__/DisabledInput.js

@@ -13,13 +13,13 @@ var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 var _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
 var _TextArea = _interopRequireDefault(require("@digigov/ui/core/TextArea"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_TextArea["default"], {
   name: "textarea",

package/core/TextArea/__stories__/LimitedCharacters.js

@@ -13,13 +13,13 @@ var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 var _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
 var _TextArea = _interopRequireDefault(require("@digigov/ui/core/TextArea"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_TextArea["default"], {
   name: "textarea"

package/core/TextArea/__stories__/MultipleQuestions.js

@@ -13,11 +13,11 @@ var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 var _TextArea = _interopRequireDefault(require("@digigov/ui/core/TextArea"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;", /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_TextArea["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;", /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_TextArea["default"], {
   name: "textarea"
 })));
 

package/core/TextArea/__stories__/WithDeclaredRows.js

@@ -13,13 +13,13 @@ var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 var _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
 var _TextArea = _interopRequireDefault(require("@digigov/ui/core/TextArea"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_TextArea["default"], {
   name: "textarea",

package/core/TextArea/__stories__/WithErrorMessage.js

@@ -13,7 +13,7 @@ var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 var _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
@@ -23,7 +23,7 @@ var _TextArea = _interopRequireDefault(require("@digigov/ui/core/TextArea"));
 
 var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], {
   error: true
-}, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+}, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_ErrorMessage["default"], null, "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF."), /*#__PURE__*/_react["default"].createElement(_TextArea["default"], {
   name: "textarea",

package/core/TextArea/__stories__/WithHint.js

@@ -13,13 +13,13 @@ var _Field = _interopRequireDefault(require("@digigov/ui/core/Field"));
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _Label = _interopRequireDefault(require("@digigov/react-core/Label"));
+var _LabelContainer = _interopRequireDefault(require("@digigov/react-core/LabelContainer"));
 
 var _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
 var _TextArea = _interopRequireDefault(require("@digigov/ui/core/TextArea"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A3\u03C4\u03B9\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2 \u03BC\u03B7\u03BD \u03C0\u03C1\u03BF\u03C3\u03B8\u03AD\u03C3\u03B5\u03C4\u03B5 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03AC \u03AE \u03BF\u03B9\u03BA\u03BF\u03BD\u03BF\u03BC\u03B9\u03BA\u03AC \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1, \u03CC\u03C0\u03C9\u03C2 \u03C4\u03BF \u0391\u039C\u0391 \u03AE \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1 \u03C0\u03B9\u03C3\u03C4\u03C9\u03C4\u03B9\u03BA\u03AE\u03C2 \u03BA\u03AC\u03C1\u03C4\u03B1\u03C2."), /*#__PURE__*/_react["default"].createElement(_TextArea["default"], {
   name: "textarea"

package/core/TextArea/index.mdx

@@ -48,3 +48,7 @@ Error messages should be styled like this:
 ### Disabled input
 
 <Story packageName="@digigov/ui" component="core/TextArea" story="DisabledInput.tsx" />
+
+## API
+
+<PropTypes packageName="@digigov/ui" component="TextArea" />

package/core/TextInput/TextInput.stories.d.ts

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

package/core/TextInput/TextInput.stories.js

@@ -123,6 +123,9 @@ Object.keys(_DisabledInput).forEach(function (key) {
 });
 var _default = {
   title: 'Digigov UI/core/TextInput',
-  component: _TextInput["default"]
+  description: "Use the text input component when you need to let users enter text that’s no longer than a single line.",
+  link: "https://guide.services.gov.gr/docs/components/TextInput",
+  component: _TextInput["default"],
+  displayName: 'TextInput'
 };
 exports["default"] = _default;

package/core/TextInput/__stories__/AskingForNumbers.js

@@ -13,13 +13,13 @@ var _TextInput = _interopRequireDefault(require("@digigov/ui/core/TextInput"));
 
 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 _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u0391\u03A6\u039C \u03C0\u03B5\u03BB\u03AC\u03C4\u03B7"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 9 \u03C8\u03B7\u03C6\u03AF\u03B1."), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext",

package/core/TextInput/__stories__/Default.js

@@ -13,11 +13,11 @@ var _TextInput = _interopRequireDefault(require("@digigov/ui/core/TextInput"));
 
 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 _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext"

package/core/TextInput/__stories__/DisabledInput.js

@@ -13,13 +13,13 @@ var _TextInput = _interopRequireDefault(require("@digigov/ui/core/TextInput"));
 
 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 _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
 var _Hint = _interopRequireDefault(require("@digigov/react-core/Hint"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "m"
 }, "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2"), /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, "\u03A0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03C3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03C0\u03B5\u03B4\u03AF\u03BF."), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext",

package/core/TextInput/__stories__/FixedWidths.js

@@ -13,46 +13,46 @@ var _TextInput = _interopRequireDefault(require("@digigov/ui/core/TextInput"));
 
 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 _LabelTitle = _interopRequireDefault(require("@digigov/react-core/LabelTitle"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "s"
 }, "20 character width"), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext",
   characterWidth: 20
 })));
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "s"
 }, "10 character width"), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext",
   characterWidth: 10
 })));
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "s"
 }, "5 character width"), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext",
   characterWidth: 5
 })));
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "s"
 }, "4 character width"), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext",
   characterWidth: 4
 })));
 
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "s"
 }, "3 character width"), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext",
   characterWidth: 3
 })));
 
-var _ref6 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_Field["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelContainer["default"], null, /*#__PURE__*/_react["default"].createElement(_LabelTitle["default"], {
   size: "s"
 }, "2 character width"), /*#__PURE__*/_react["default"].createElement(_TextInput["default"], {
   name: "inputext",