@digigov/ui 0.8.3 → 0.9.2

package/esm/typography/NormalText.js

@@ -1,11 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
-// @flow
-import React from 'react';
-import Typography from '@material-ui/core/Typography';
-export var NormalText = function NormalText(props) {
-  return /*#__PURE__*/React.createElement(Typography, _extends({
-    component: "span",
-    variant: "body1"
-  }, props), props.children);
-};
+import NormalText from '@digigov/react-core/NormalText';
+export { NormalText };
 export default NormalText;

package/esm/typography/Paragraph.js

@@ -1,30 +1,2 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["paragraph"];
-import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
-export var useParagraphStyles = makeStyles(function (theme) {
-  return {
-    paragraph: {
-      // here be thy styles
-      margin: theme.spacing(0, 0, 2),
-      marginBottom: theme.spacing(4)
-    }
-  };
-}, {
-  name: 'MuiParagraph'
-});
-;
-export var Paragraph = function Paragraph(props) {
-  var _useParagraphStyles = useParagraphStyles(),
-      paragraph = _useParagraphStyles.paragraph,
-      classes = _objectWithoutProperties(_useParagraphStyles, _excluded);
-
-  return /*#__PURE__*/React.createElement(Typography, _extends({
-    className: paragraph,
-    variant: "body1",
-    classes: classes
-  }, props), props.children);
-};
+import Paragraph from '@digigov/react-core/Paragraph';
 export default Paragraph;

package/esm/typography/Title.js

@@ -1,95 +1,48 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["size", "children", "dense", "classes", "component"],
-    _excluded2 = ["className"];
+var _excluded = ["size", "component", "children"];
 import React from 'react';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
-var useStyles = makeStyles(function (theme) {
-  var _xl;
+import Heading from '@digigov/react-core/Heading';
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+var sizeMappings = {
+  xl: 'xl',
+  lg: 'l',
+  md: 'm',
+  sm: 's'
+};
+export var Title = withDeprecation(function (_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'xl' : _ref$size,
+      component = _ref.component,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
 
-  return {
-    root: {
-      margin: 0,
-      display: 'block',
-      fontWeight: 'bolder'
-    },
-    xl: (_xl = {}, _defineProperty(_xl, theme.breakpoints.down('sm'), {
-      fontSize: '2.25rem'
-    }), _defineProperty(_xl, "margin", theme.spacing(0, 0, 6, 0)), _defineProperty(_xl, "fontSize", '3rem'), _xl),
-    lg: {
-      margin: theme.spacing(0, 0, 4, 0),
-      fontSize: '2.25rem'
-    },
-    md: {
-      margin: theme.spacing(0, 0, 3, 0),
-      fontSize: '1.5rem'
-    },
-    sm: {
-      margin: theme.spacing(0, 0, 2, 0),
-      fontSize: '1.2rem'
+  var newSize = sizeMappings[size];
+  return /*#__PURE__*/React.createElement(Heading, _extends({
+    size: newSize,
+    element: component
+  }, props), children);
+}, {
+  name: 'Title',
+  rename: 'Heading',
+  props: {
+    dense: {
+      error: true
     },
-    xs: {
-      margin: theme.spacing(0, 0, 1, 0),
-      fontSize: '1rem'
+    size: {
+      values: {
+        xs: {
+          error: true
+        }
+      }
     },
-    dense: {
-      margin: 0
+    component: {
+      values: {
+        h5: {
+          error: true
+        }
+      }
     }
-  };
-}, {
-  name: 'MuiDigigovTitle'
-});
-
-var getComponentBySize = function getComponentBySize(size) {
-  switch (size) {
-    case 'xl':
-      return 'h1';
-
-    case 'lg':
-      return 'h2';
-
-    case 'md':
-      return 'h3';
-
-    case 'sm':
-      return 'h4';
-
-    case 'xs':
-      return 'h5';
-
-    default:
-      return 'h4';
   }
-};
-
-var Title = function Title(_ref, ref) {
-  var size = _ref.size,
-      children = _ref.children,
-      dense = _ref.dense,
-      classesObj = _ref.classes,
-      component = _ref.component,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var classes = useStyles({
-    classes: classesObj
-  });
-  var cls = classes[size || 'sm'];
-  var Tag = component || getComponentBySize(size);
-
-  var className = props.className,
-      otherProps = _objectWithoutProperties(props, _excluded2);
-
-  return /*#__PURE__*/React.createElement(Tag, _extends({
-    ref: ref,
-    className: clsx(className, classes.root, cls, dense && classes.dense)
-  }, otherProps), children);
-};
-
-var RefTitle = /*#__PURE__*/React.forwardRef(Title);
-RefTitle.defaultProps = {
-  size: 'sm',
-  dense: false
-};
-export default RefTitle;
+});
+export default Title;

package/esm/utils/withDeprecation.js

@@ -0,0 +1,102 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+
+var DigigovError = /*#__PURE__*/function (_Error) {
+  _inherits(DigigovError, _Error);
+
+  var _super = _createSuper(DigigovError);
+
+  function DigigovError(message) {
+    var _this;
+
+    _classCallCheck(this, DigigovError);
+
+    _this = _super.call(this, message); // (1)
+
+    _this.name = 'DigigovError'; // (2)
+
+    return _this;
+  }
+
+  return DigigovError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+var loggedDeprecations = new Set();
+
+var handleErrorWarning = function handleErrorWarning(componentName, name, _ref, type) {
+  var error = _ref.error,
+      warning = _ref.warning;
+
+  if (warning === true) {
+    console.warn("\u26A0\uFE0F  ".concat(componentName, ": ").concat(name, " ").concat(type, " will be deprecated."));
+  } else if (typeof warning === 'string') {
+    console.warn(warning);
+  }
+
+  if (error === true) {
+    throw new DigigovError("".concat(componentName, ": !! ").concat(name, " ").concat(type, " is deprecated."));
+  } else if (typeof error === 'string') {
+    throw new DigigovError("Component `".concat(componentName, "` with `").concat(name, "` prop: ").concat(error));
+  }
+};
+
+export default function withDeprecation(Component, deprecations) {
+  var _Component$render;
+
+  var componentName = // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  deprecations.name || Component.name || (Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name);
+
+  if (loggedDeprecations.has(componentName)) {
+    return Component;
+  } else {
+    loggedDeprecations.add(componentName);
+  } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+
+
+  return function withDeprecationComponent(props) {
+    if (deprecations.rename) {
+      console.warn("\u267B\uFE0F  ".concat(componentName, " is renamed to ").concat(deprecations.rename, "\n"));
+    }
+
+    handleErrorWarning(componentName, componentName, deprecations, 'component');
+
+    if (deprecations.props) {
+      Object.keys(deprecations.props).forEach(function (propName) {
+        var _deprecations$props, _propDeprecation$valu;
+
+        var value = props[propName];
+
+        if (!value) {
+          return;
+        }
+
+        var propDeprecation = deprecations === null || deprecations === void 0 ? void 0 : (_deprecations$props = deprecations.props) === null || _deprecations$props === void 0 ? void 0 : _deprecations$props[propName];
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && (_propDeprecation$valu = propDeprecation.values) !== null && _propDeprecation$valu !== void 0 && _propDeprecation$valu[value]) {
+          var _propDeprecation$valu2;
+
+          return handleErrorWarning(componentName, "".concat(propName, " ").concat(value), propDeprecation === null || propDeprecation === void 0 ? void 0 : (_propDeprecation$valu2 = propDeprecation.values) === null || _propDeprecation$valu2 === void 0 ? void 0 : _propDeprecation$valu2[value], 'property value');
+        }
+
+        if (propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.error || propDeprecation !== null && propDeprecation !== void 0 && propDeprecation.warning) {
+          return handleErrorWarning(componentName, propName, propDeprecation, 'property');
+        }
+      });
+    } // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+
+
+    return /*#__PURE__*/React.createElement(Component, props);
+  };
+}

package/govgr/Footer/Copyright.js

@@ -5,27 +5,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.MinDigitalCopyright = exports.Copyright = void 0;
+exports["default"] = exports.Copyright = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
-
-var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+var _Copyright = _interopRequireDefault(require("@digigov/react-core/Copyright"));
 
 var _app = require("@digigov/ui/app");
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    text: {
-      color: theme.palette.grey['700'],
-      fontSize: '0.875rem'
-    }
-  };
-}, {
-  name: 'MuiCopyright'
-});
-
 var getCopyright = function getCopyright() {
   var year = new Date().getFullYear();
   return "\xA9 Copyright ".concat(year);
@@ -34,44 +21,30 @@ var getCopyright = function getCopyright() {
 var Copyright = function Copyright(_ref) {
   var _ref$copyright = _ref.copyright,
       copyright = _ref$copyright === void 0 ? getCopyright() : _ref$copyright,
-      createdBy = _ref.createdBy;
-  var classes = useStyles();
+      createdBy = _ref.createdBy,
+      minDigitalCopyright = _ref.minDigitalCopyright;
 
   var _useTranslation = (0, _app.useTranslation)(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-    className: classes.text
-  }, copyright, ' - ', createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://grnet.gr",
+  var copyrightInfo = minDigitalCopyright ? {
+    url: 'https://mindigital.gr',
+    label: t('footer.mindigital')
+  } : {
+    url: 'https://grnet.gr',
+    label: t('footer.grnet')
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, copyright, ' - ', createdBy || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement("a", {
+    href: copyrightInfo.url,
     target: "_blank",
     rel: "noopener noreferrer"
-  }, t('footer.grnet')), ' ', t('footer.using'), ' ', /*#__PURE__*/_react["default"].createElement("a", {
+  }, copyrightInfo.label), ' ', !minDigitalCopyright && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.using'), ' ', /*#__PURE__*/_react["default"].createElement("a", {
     href: "https://mathe.ellak.gr/",
     target: "_blank",
     rel: "noopener noreferrer"
-  }, t('footer.open_source'))));
+  }, t('footer.open_source')))));
 };
 
 exports.Copyright = Copyright;
-
-var MinDigitalCopyright = function MinDigitalCopyright(_ref2) {
-  var _ref2$copyright = _ref2.copyright,
-      copyright = _ref2$copyright === void 0 ? getCopyright() : _ref2$copyright;
-  var classes = useStyles();
-
-  var _useTranslation2 = (0, _app.useTranslation)(),
-      t = _useTranslation2.t;
-
-  return /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-    className: classes.text
-  }, copyright, ' - ', /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.created_by'), ' ', /*#__PURE__*/_react["default"].createElement("a", {
-    href: "https://mindigital.gr",
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, t('footer.mindigital')), ' '));
-};
-
-exports.MinDigitalCopyright = MinDigitalCopyright;
 var _default = Copyright;
 exports["default"] = _default;

package/govgr/Footer/HellenicRepublicLogo.js

@@ -5,46 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.HellenicRepublicLogo = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _i18n = require("@digigov/ui/app/i18n");
-
-var _styles = require("@material-ui/core/styles");
-
-var _logoEl = _interopRequireDefault(require("@digigov/ui/govgr/Footer/logos/logo-el"));
-
-var _logoEn = _interopRequireDefault(require("@digigov/ui/govgr/Footer/logos/logo-en"));
-
-var useStyles = (0, _styles.makeStyles)(function () {
-  return {
-    logo: {
-      width: '100%',
-      maxWidth: 225
-    }
-  };
-}, {
-  name: 'MuiHellenicRepublicLogo'
+Object.defineProperty(exports, "HellenicRepublicLogo", {
+  enumerable: true,
+  get: function get() {
+    return _HellenicRepublicLogo["default"];
+  }
 });
+exports["default"] = void 0;
 
-var HellenicRepublicLogo = function HellenicRepublicLogo(_ref) {
-  var _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className;
-  var classes = useStyles();
-
-  var _useTranslation = (0, _i18n.useTranslation)(),
-      i18n = _useTranslation.i18n;
-
-  var logo = (i18n === null || i18n === void 0 ? void 0 : i18n.language) === 'en' ? _logoEn["default"] : _logoEl["default"];
-  return /*#__PURE__*/_react["default"].createElement("img", {
-    className: (0, _clsx["default"])(className, classes.logo),
-    src: logo
-  });
-};
+var _HellenicRepublicLogo = _interopRequireDefault(require("@digigov/react-core/HellenicRepublicLogo"));
 
-exports.HellenicRepublicLogo = HellenicRepublicLogo;
-var _default = HellenicRepublicLogo;
+var _default = _HellenicRepublicLogo["default"];
 exports["default"] = _default;

package/govgr/Footer/LicenseCCSA.js

@@ -9,23 +9,10 @@ exports["default"] = exports.LicenseCCSA = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
-
-var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
+var _NormalText = _interopRequireDefault(require("@digigov/react-core/NormalText"));
 
 var _app = require("@digigov/ui/app");
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    text: {
-      color: theme.palette.grey['700'],
-      fontSize: '0.875rem'
-    }
-  };
-}, {
-  name: 'MuiLicense'
-});
-
 var _ref = /*#__PURE__*/_react["default"].createElement("a", {
   href: "https://creativecommons.org/licenses/by-sa/4.0/deed.el",
   target: "_blank",
@@ -33,14 +20,10 @@ var _ref = /*#__PURE__*/_react["default"].createElement("a", {
 }, "CC-BY-SA");
 
 var LicenseCCSA = function LicenseCCSA() {
-  var classes = useStyles();
-
   var _useTranslation = (0, _app.useTranslation)(),
       t = _useTranslation.t;
 
-  return /*#__PURE__*/_react["default"].createElement(_NormalText["default"], {
-    className: classes.text
-  }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.creative_commons'), ' ', _ref, ' '));
+  return /*#__PURE__*/_react["default"].createElement(_NormalText["default"], null, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, t('footer.creative_commons'), ' ', _ref, ' '));
 };
 
 exports.LicenseCCSA = LicenseCCSA;

package/govgr/Footer/index.js

@@ -2,15 +2,11 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.GovGRFooter = exports.Feedback = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -19,7 +15,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _styles = require("@material-ui/core/styles");
 
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
 
 var _Basic = require("@digigov/ui/layouts/Basic");
 
@@ -27,72 +23,31 @@ var _Button = _interopRequireDefault(require("@digigov/ui/core/Button"));
 
 var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
 
-var _Copyright = _interopRequireWildcard(require("@digigov/ui/govgr/Footer/Copyright"));
+var _Copyright = _interopRequireDefault(require("@digigov/ui/govgr/Footer/Copyright"));
 
 var _HellenicRepublicLogo = _interopRequireDefault(require("@digigov/ui/govgr/Footer/HellenicRepublicLogo"));
 
-var _excluded = ["copyright", "className", "children", "createdBy", "minDigitalCopyright"],
-    _excluded2 = ["reportBugs"];
+var _Footer = _interopRequireDefault(require("@digigov/react-core/Footer"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _FooterContainer = _interopRequireDefault(require("@digigov/react-core/FooterContainer"));
 
-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 _FooterMeta = _interopRequireDefault(require("@digigov/react-core/FooterMeta"));
 
-var useStyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      background: '#eeeeee',
-      padding: theme.spacing(4, 0),
-      width: '100%',
-      borderTop: "\n        ".concat(theme.spacing(0.5), "px solid ").concat(theme.palette.secondary.main, "\n      ")
-    },
-    text: {
-      color: theme.palette.grey['700'],
-      fontSize: '0.875rem'
-    },
-    logoContainer: {
-      display: 'flex',
-      justifyContent: 'flex-end'
-    },
-    logo: {
-      width: '100%',
-      maxWidth: 225
-    }
-  };
-}, {
-  name: 'MuiGovGRFooter'
-});
+var _FooterMetaItem = _interopRequireDefault(require("@digigov/react-core/FooterMetaItem"));
 
-var _ref2 = /*#__PURE__*/_react["default"].createElement(_Copyright.MinDigitalCopyright, null);
+var _excluded = ["reportBugs"];
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_HellenicRepublicLogo["default"], null);
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_FooterMetaItem["default"], null, /*#__PURE__*/_react["default"].createElement(_HellenicRepublicLogo["default"], null));
 
 var GovGRFooter = function GovGRFooter(_ref) {
   var copyright = _ref.copyright,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
       children = _ref.children,
       createdBy = _ref.createdBy,
-      _ref$minDigitalCopyri = _ref.minDigitalCopyright,
-      minDigitalCopyright = _ref$minDigitalCopyri === void 0 ? false : _ref$minDigitalCopyri,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useStyles();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(className, classes.root)
-  }, /*#__PURE__*/_react["default"].createElement(_Basic.Content, (0, _extends2["default"])({}, props, {
-    spacing: 2
-  }), children || /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    item: true,
-    xs: 12,
-    sm: 8
-  }, copyright ? copyright : minDigitalCopyright ? _ref2 : /*#__PURE__*/_react["default"].createElement(_Copyright["default"], {
-    createdBy: createdBy
-  })), /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
-    item: true,
-    xs: 12,
-    sm: 4,
-    className: classes.logoContainer
-  }, _ref3))));
+      minDigitalCopyright = _ref.minDigitalCopyright;
+  return /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement(_FooterContainer["default"], null, children || /*#__PURE__*/_react["default"].createElement(_FooterMeta["default"], null, /*#__PURE__*/_react["default"].createElement(_FooterMetaItem["default"], null, copyright ? copyright : /*#__PURE__*/_react["default"].createElement(_Copyright["default"], {
+    createdBy: createdBy,
+    minDigitalCopyright: minDigitalCopyright
+  })), _ref2)));
 };
 
 exports.GovGRFooter = GovGRFooter;
@@ -130,14 +85,16 @@ var useFeedbackStyles = (0, _styles.makeStyles)(function (theme) {
   name: 'MuiFeedback'
 });
 
-var Feedback = function Feedback(_ref4) {
-  var _ref4$reportBugs = _ref4.reportBugs,
-      reportBugs = _ref4$reportBugs === void 0 ? false : _ref4$reportBugs,
-      props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded2);
+var Feedback = function Feedback(_ref3) {
+  var _ref3$reportBugs = _ref3.reportBugs,
+      reportBugs = _ref3$reportBugs === void 0 ? false : _ref3$reportBugs,
+      props = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
   var classes = useFeedbackStyles();
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.root
   }, /*#__PURE__*/_react["default"].createElement(_Basic.Content, props, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
+    container: true
+  }, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     xs: 12,
     sm: 6,
@@ -151,23 +108,17 @@ var Feedback = function Feedback(_ref4) {
     sm: 6,
     md: 6
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    size: "small",
-    className: classes.link,
-    href: ""
+    className: classes.link
   }, "\u039D\u03B1\u03B9"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    size: "small",
-    className: classes.link,
-    href: ""
+    className: classes.link
   }, "\u038C\u03C7\u03B9")), reportBugs && /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
     item: true,
     xs: 12,
     sm: 12,
     md: 4
   }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    size: "small",
-    className: (0, _clsx["default"])(classes.link, classes.wrong),
-    href: ""
-  }, "\u03A5\u03C0\u03AC\u03C1\u03C7\u03B5\u03B9 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03BB\u03AC\u03B8\u03BF\u03C2 \u03C3\u03C4\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1"))));
+    className: (0, _clsx["default"])(classes.link, classes.wrong)
+  }, "\u03A5\u03C0\u03AC\u03C1\u03C7\u03B5\u03B9 \u03BA\u03AC\u03C0\u03BF\u03B9\u03BF \u03BB\u03AC\u03B8\u03BF\u03C2 \u03C3\u03C4\u03B7 \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1")))));
 };
 
 exports.Feedback = Feedback;