@digigov/ui 0.21.1 → 0.22.0

package/esm/typography/Paragraph/__stories__/SmallVariant.js

@@ -0,0 +1,11 @@
+import React from "react";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+
+var _ref = /*#__PURE__*/React.createElement(Paragraph, {
+  variant: "small"
+}, "govgr-body");
+
+export var SmallVariant = function SmallVariant() {
+  return _ref;
+};
+export default SmallVariant;

package/esm/typography/Paragraph/index.mdx

@@ -0,0 +1,30 @@
+---
+id: paragraph
+title: Paragraph
+---
+
+```bash
+import Paragraph from '@digigov/ui/typography/Paragraph';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="Default.tsx" />
+
+### Lead paragraph
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="LeadVariant.tsx" />
+
+### Small paragraph
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="SmallVariant.tsx" />
+
+## Font override classes
+
+### Font size
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontSizes.tsx" />
+
+### Font weight
+
+<Story packageName="@digigov/ui" component="typography/Paragraph" story="FontWeight.tsx" />

package/esm/typography/Title/Title.stories.js

@@ -0,0 +1,6 @@
+import Title from "@digigov/ui/typography/Title";
+export default {
+  title: 'Digigov UI/typography/Title',
+  component: Title
+};
+export * from './__stories__/Default';

package/esm/typography/Title/__stories__/Default.js

@@ -0,0 +1,24 @@
+import React from "react";
+import Title from "@digigov/ui/typography/Title";
+
+var _ref = /*#__PURE__*/React.createElement(Title, null, " govgr-heading-xl ");
+
+var _ref2 = /*#__PURE__*/React.createElement(Title, {
+  size: "lg",
+  element: "h2"
+}, " govgr-heading-lg ");
+
+var _ref3 = /*#__PURE__*/React.createElement(Title, {
+  size: "md",
+  element: "h3"
+}, " govgr-heading-md ");
+
+var _ref4 = /*#__PURE__*/React.createElement(Title, {
+  size: "sm",
+  element: "h4"
+}, " govgr-heading-sm ");
+
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref, _ref2, _ref3, _ref4);
+};
+export default Default;

package/esm/typography/Title/index.mdx

@@ -0,0 +1,12 @@
+---
+id: title
+title: Title
+---
+
+```bash
+import Title from '@digigov/ui/typography/Title';
+``` 
+
+## How to use
+
+<Story packageName="@digigov/ui" component="typography/Title" story="Default.tsx" />

package/govgr/Footer/index.mdx

@@ -5,7 +5,7 @@ parent: docs/ui/components
 
 ## Default Footer
 
-### How to import
+#
 
 ```jsx
 import Bottom from '@digigov/ui/layouts/Basic';
@@ -22,7 +22,7 @@ import GovGRFooter from '@digigov/ui/govgr/Footer';
 
 ## Customizable Footer
 
-### How to import
+#
 
 ```jsx
 import Copyright from '@digigov/ui/govgr/Footer/Copyright';
@@ -45,7 +45,7 @@ import LicenseCCSA from '@digigov/ui/govgr/Footer/LicenseCCSA';
 
 ## Using custom grid
 
-### How to import
+#
 
 ```jsx
 import Grid from '@material-ui/core/Grid';
@@ -72,7 +72,7 @@ import HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo'
 
 ## Asking users for feedback
 
-### How to import
+#
 
 ```jsx
 import { Feedback } from '@digigov/ui/govgr/Footer';

package/hooks/useTogglableSections.d.ts

@@ -5,9 +5,10 @@ export interface UseTogglableSectionsInterface {
     initial?: Record<string, boolean>;
     firstOpen?: boolean;
     ariaNavigation?: boolean;
+    toggleHook?: (id: string) => void;
 }
 export interface UseTogglableSectionsReturn {
-    register: (el: HTMLElement) => void;
+    register: (el: string) => any;
     registered: {
         current: Record<string, HTMLElement>;
     };
@@ -15,4 +16,4 @@ export interface UseTogglableSectionsReturn {
     toggle: (id: string) => void;
     setOpened: (opened: ((curOpened: Record<string, boolean>) => Record<string, boolean>) | Record<string, boolean>) => void;
 }
-export declare function useTogglableSections({ toggleProperty, singleOpen, onToggleProperty, initial, firstOpen, ariaNavigation, }: UseTogglableSectionsInterface): UseTogglableSectionsReturn;
+export declare function useTogglableSections({ toggleProperty, singleOpen, onToggleProperty, initial, firstOpen, ariaNavigation, toggleHook, }: UseTogglableSectionsInterface): UseTogglableSectionsReturn;

package/hooks/useTogglableSections.js

@@ -22,7 +22,8 @@ function useTogglableSections(_ref) {
       onToggleProperty = _ref.onToggleProperty,
       initial = _ref.initial,
       firstOpen = _ref.firstOpen,
-      ariaNavigation = _ref.ariaNavigation;
+      ariaNavigation = _ref.ariaNavigation,
+      toggleHook = _ref.toggleHook;
 
   var _useState = (0, _react.useState)(initial || {}),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -44,6 +45,11 @@ function useTogglableSections(_ref) {
   }, []);
   var toggle = (0, _react.useCallback)(function (e) {
     var key = e.currentTarget.getAttribute('aria-controls');
+
+    if (toggleHook) {
+      toggleHook(key);
+    }
+
     e.preventDefault();
 
     if (singleOpen) {

package/introduction.md

@@ -5,4 +5,7 @@ sidebar_label: Introduction
 slug: /
 ---
 
-TBD
+This section lists any React components & features implemented in `@digigov/ui`
+NPM package.
+
+Find what you need in the sidebar menu on the left.

package/layouts/Basic/Basic.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export const title: string;
+    export { Basic as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/TwoThirdsOneThirdColumns";
+export * from "./__stories__/MultipleRowsLayout";
+import Basic from "@digigov/ui/layouts/Basic";

package/layouts/Basic/Basic.stories.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _Basic = _interopRequireDefault(require("@digigov/ui/layouts/Basic"));
+
+var _Default = require("./__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+
+var _TwoThirdsOneThirdColumns = require("./__stories__/TwoThirdsOneThirdColumns");
+
+Object.keys(_TwoThirdsOneThirdColumns).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TwoThirdsOneThirdColumns[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TwoThirdsOneThirdColumns[key];
+    }
+  });
+});
+
+var _MultipleRowsLayout = require("./__stories__/MultipleRowsLayout");
+
+Object.keys(_MultipleRowsLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MultipleRowsLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _MultipleRowsLayout[key];
+    }
+  });
+});
+
+/* eslint-disable digigov/no-relative-imports */
+var _default = {
+  title: 'Digigov UI/layouts/Basic',
+  component: _Basic["default"]
+};
+exports["default"] = _default;

package/layouts/Basic/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const TwoThirdsColumn: () => JSX.Element;
+export default TwoThirdsColumn;

package/layouts/Basic/__stories__/Default.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TwoThirdsColumn = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
+
+var _typography = require("@digigov/ui/typography");
+
+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(_Basic["default"], null, /*#__PURE__*/_react["default"].createElement(_Basic.Content, null, /*#__PURE__*/_react["default"].createElement(_Basic.Main, null, /*#__PURE__*/_react["default"].createElement(_typography.Title, null, "Two-thirds column"), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, "This is a paragraph inside a two-thirds wide column"))));
+
+var TwoThirdsColumn = function TwoThirdsColumn() {
+  return _ref;
+};
+
+exports.TwoThirdsColumn = TwoThirdsColumn;
+var _default = TwoThirdsColumn;
+exports["default"] = _default;

package/layouts/Basic/__stories__/MultipleRowsLayout.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const MultipleRowsLayout: () => JSX.Element;
+export default MultipleRowsLayout;

package/layouts/Basic/__stories__/MultipleRowsLayout.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.MultipleRowsLayout = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
+
+var _typography = require("@digigov/ui/typography");
+
+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(_Basic["default"], null, /*#__PURE__*/_react["default"].createElement(_Basic.Content, null, /*#__PURE__*/_react["default"].createElement(_Basic.Main, null, /*#__PURE__*/_react["default"].createElement(_typography.Title, null, "Two-thirds column"), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, "This is a paragraph inside a two-thirds wide column"))), /*#__PURE__*/_react["default"].createElement(_Basic.Content, null, /*#__PURE__*/_react["default"].createElement(_Basic.Main, null, /*#__PURE__*/_react["default"].createElement(_typography.Title, null, "Two-thirds column"), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, "This is a paragraph inside a two-thirds wide column")), /*#__PURE__*/_react["default"].createElement(_Basic.Side, null, /*#__PURE__*/_react["default"].createElement(_typography.Title, {
+  size: "md"
+}, "One-third-column"), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, "This is a paragraph inside a one-third wide column"))));
+
+var MultipleRowsLayout = function MultipleRowsLayout() {
+  return _ref;
+};
+
+exports.MultipleRowsLayout = MultipleRowsLayout;
+var _default = MultipleRowsLayout;
+exports["default"] = _default;

package/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const TwoThirdsOneThirdColumns: () => JSX.Element;
+export default TwoThirdsOneThirdColumns;

package/layouts/Basic/__stories__/TwoThirdsOneThirdColumns.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TwoThirdsOneThirdColumns = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
+
+var _typography = require("@digigov/ui/typography");
+
+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(_Basic["default"], null, /*#__PURE__*/_react["default"].createElement(_Basic.Content, null, /*#__PURE__*/_react["default"].createElement(_Basic.Main, null, /*#__PURE__*/_react["default"].createElement(_typography.Title, null, "Two-thirds column"), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, "This is a paragraph inside a two-thirds wide column")), /*#__PURE__*/_react["default"].createElement(_Basic.Side, null, /*#__PURE__*/_react["default"].createElement(_typography.Title, {
+  size: "md"
+}, "One-third-column"), /*#__PURE__*/_react["default"].createElement(_typography.Paragraph, null, "This is a paragraph inside a one-third wide column"))));
+
+var TwoThirdsOneThirdColumns = function TwoThirdsOneThirdColumns() {
+  return _ref;
+};
+
+exports.TwoThirdsOneThirdColumns = TwoThirdsOneThirdColumns;
+var _default = TwoThirdsOneThirdColumns;
+exports["default"] = _default;

package/layouts/Grid/Grid.stories.d.ts

@@ -0,0 +1,7 @@
+declare namespace _default {
+    export const title: string;
+    export { Grid as component };
+}
+export default _default;
+export * from "./__stories__/Default";
+export * from "./__stories__/Inline";

package/layouts/Grid/Grid.stories.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+
+var _layouts = _interopRequireDefault(require("@digigov/ui/layouts"));
+
+var _Default = require("./__stories__/Default");
+
+Object.keys(_Default).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Default[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Default[key];
+    }
+  });
+});
+
+var _Inline = require("./__stories__/Inline");
+
+Object.keys(_Inline).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Inline[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Inline[key];
+    }
+  });
+});
+var _default = {
+  title: 'Digigov UI/layouts/Grid',
+  component: _layouts["default"]
+};
+exports["default"] = _default;

package/layouts/Grid/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Default: () => JSX.Element;
+export default Default;

package/layouts/Grid/__stories__/Default.js

@@ -0,0 +1,71 @@
+"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 _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", {
+  className: "govgr-btn govgr-btn-primary"
+}, "lalal");
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  container: true,
+  spacing: 4
+}, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"));
+
+var Default = function Default() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref, _ref2);
+};
+
+exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/layouts/Grid/__stories__/Inline.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Inline: () => JSX.Element;
+export default Inline;

package/layouts/Grid/__stories__/Inline.js

@@ -0,0 +1,68 @@
+"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 _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  container: true,
+  spacing: 4,
+  inline: true
+}, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 8,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+  xs: 12,
+  sm: 4,
+  md: 6,
+  lg: 4,
+  xl: 2,
+  className: "border border-black"
+}, "1"));
+
+var Inline = function Inline() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _ref);
+};
+
+exports.Inline = Inline;
+var _default = Inline;
+exports["default"] = _default;

package/layouts/Grid/index.d.ts

@@ -1,2 +1,4 @@
-import Grid from '@digigov/react-core/Grid';
+import Grid, { GridProps as CoreGridProps } from '@digigov/react-core/Grid';
+export declare type GridProps = CoreGridProps;
+export { Grid };
 export default Grid;

package/layouts/Grid/index.js

@@ -5,6 +5,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid["default"];
+  }
+});
 exports["default"] = void 0;
 
 var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));

package/layouts/index.d.ts

@@ -1,2 +1,4 @@
 export * from '@digigov/ui/layouts/Basic';
+export * from '@digigov/ui/layouts/Grid';
+export { default as Grid } from '@digigov/ui/layouts/Grid';
 export { default as BasicLayout } from '@digigov/ui/layouts/Basic';

package/layouts/index.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  BasicLayout: true
+  BasicLayout: true,
+  Grid: true
 };
 Object.defineProperty(exports, "BasicLayout", {
   enumerable: true,
@@ -14,6 +15,12 @@ Object.defineProperty(exports, "BasicLayout", {
     return _Basic["default"];
   }
 });
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid["default"];
+  }
+});
 
 var _Basic = _interopRequireWildcard(require("@digigov/ui/layouts/Basic"));
 
@@ -29,6 +36,20 @@ Object.keys(_Basic).forEach(function (key) {
   });
 });
 
+var _Grid = _interopRequireWildcard(require("@digigov/ui/layouts/Grid"));
+
+Object.keys(_Grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Grid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Grid[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; }

package/locales/el.d.ts

@@ -41,6 +41,7 @@ declare const _default: {
     footer: {
         created_by: string;
         grnet: string;
+        created_for: string;
         mindigital: string;
         using: string;
         open_source: string;