@digigov/ui 0.26.0 → 0.26.1

package/CHANGELOG.md

@@ -1,6 +1,15 @@
 # Change Log - @digigov/ui
 
-This log was last generated on Thu, 01 Sep 2022 17:10:30 GMT and should not be manually modified.
+This log was last generated on Tue, 06 Sep 2022 08:27:15 GMT and should not be manually modified.
+
+## 0.26.1
+Tue, 06 Sep 2022 08:27:15 GMT
+
+### Patches
+
+- remove any material ui styles and deprecate List components
+- Replace link images with base64 images
+-  add translation for reset file button for FileInput component
 
 ## 0.26.0
 Thu, 01 Sep 2022 17:10:30 GMT

package/app/App.d.ts

@@ -1,13 +1,6 @@
 import React from 'react';
-import { BaseCSSProperties } from '@material-ui/core/styles/withStyles';
-import { Theme } from '@material-ui/core/styles';
-export declare const useAppStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
 export interface AppProps {
-    theme: Theme;
     children?: React.ReactNode;
-    classes?: {
-        root: BaseCSSProperties;
-    };
 }
 declare const App: React.FC<AppProps>;
 export declare const StaticApp: React.FC<AppProps>;

package/app/App.js

@@ -1,47 +1,28 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAppStyles = exports["default"] = exports.StaticApp = void 0;
+exports["default"] = exports.StaticApp = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _CssBaseline = _interopRequireDefault(require("@material-ui/core/CssBaseline"));
-
-var _styles = require("@material-ui/core/styles");
-
 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 useAppStyles = (0, _styles.makeStyles)({
-  root: {}
-});
-exports.useAppStyles = useAppStyles;
-
 var App = function App(_ref) {
-  var theme = _ref.theme,
-      children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
     fallback: 'loading...'
-  }, children));
+  }, children);
 };
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_CssBaseline["default"], null);
-
 var StaticApp = function StaticApp(_ref2) {
-  var theme = _ref2.theme,
-      children = _ref2.children;
-  return /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
-    theme: theme
-  }, _ref3, children);
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
 };
 
 exports.StaticApp = StaticApp;

package/app/Footer/__stories__/FooterAllInclusive.js

@@ -21,6 +21,10 @@ var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
 
 var _ui = require("@digigov/ui");
 
+var _greekGovernmentBase = _interopRequireDefault(require("@digigov/ui/govgr/images/greek-government-base64"));
+
+var _grnetLogoBase = _interopRequireDefault(require("@digigov/ui/govgr/images/grnet-logo-base64"));
+
 var _ref = /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterNavigation, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterSection, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterHeading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03BC\u03B5\u03BD\u03BF\u03CD"), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterList, {
   columns: 2
 }, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterListItem, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterListItem, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")))), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterSection, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterHeading, null, "\u03A4\u03AF\u03C4\u03BB\u03BF\u03C2 \u03B3\u03B9\u03B1 \u03C4\u03BF \u03AC\u03BB\u03BB\u03BF \u03BC\u03B5\u03BD\u03BF\u03CD"), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterList, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterListItem, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterListItem, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterLink, null, "\u0386\u03BB\u03BB\u03B7 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE"))))), /*#__PURE__*/_react["default"].createElement(_ui.SectionBreak, {
@@ -28,9 +32,9 @@ var _ref = /*#__PURE__*/_react["default"].createElement(_Footer["default"], null
 }), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterMeta, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterMetaItem, {
   grow: true
 }, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterContent, null, /*#__PURE__*/_react["default"].createElement(_reactCore.VisuallyHidden, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterInlineList, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterInlineListItem, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE")), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterInlineListItem, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterLink, null, " \u0391\u03BA\u03CC\u03BC\u03B1 \u03BC\u03B9\u03B1"))), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterContentLogos, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterImage, {
-  src: "https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png"
+  src: _greekGovernmentBase["default"]
 }), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterImage, {
-  src: "https://grnet.gr/wp-content/uploads/sites/13/2016/04/GRNET_Logo_Transparent-e1431694322566-1.png"
+  src: _grnetLogoBase["default"]
 })), /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, "\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
   href: "https://grnet.gr/",
   target: "_blank"

package/app/Footer/__stories__/FooterWithLogo.js

@@ -19,10 +19,14 @@ var _reactCore = require("@digigov/react-core");
 
 var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
 
+var _greekGovernmentBase = _interopRequireDefault(require("@digigov/ui/govgr/images/greek-government-base64"));
+
+var _grnetLogoBase = _interopRequireDefault(require("@digigov/ui/govgr/images/grnet-logo-base64"));
+
 var _ref = /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterMeta, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterMetaItem, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterContent, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterContentLogos, null, /*#__PURE__*/_react["default"].createElement(_reactCore.FooterImage, {
-  src: "https://government.gov.gr/wp-content/uploads/2017/09/kyvernisi-logo-small-1.png"
+  src: _greekGovernmentBase["default"]
 }), /*#__PURE__*/_react["default"].createElement(_reactCore.FooterImage, {
-  src: "https://grnet.gr/wp-content/uploads/sites/13/2016/04/GRNET_Logo_Transparent-e1431694322566-1.png"
+  src: _grnetLogoBase["default"]
 })), /*#__PURE__*/_react["default"].createElement(_Copyright["default"], null, "\xA9 Copyright 2021 - \u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF", ' ', /*#__PURE__*/_react["default"].createElement(_Link["default"], {
   href: "https://grnet.gr/",
   target: "_blank"

package/app/Header/__stories__/Default.js

@@ -15,10 +15,9 @@ var _HeaderSection = _interopRequireDefault(require("@digigov/ui/app/Header/Head
 
 var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
 
-var _HeaderLogo = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderLogo"));
+var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderLogo["default"], {
-  src: "https://www.gov.gr/gov_gr_logo.svg",
+var _ref = /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
   href: "#"
 }))));
 

package/app/Header/__stories__/WithNavigation.js

@@ -15,16 +15,15 @@ var _HeaderSection = _interopRequireDefault(require("@digigov/ui/app/Header/Head
 
 var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
 
-var _HeaderLogo = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderLogo"));
-
 var _NavHorizontal = _interopRequireDefault(require("@digigov/react-core/NavHorizontal"));
 
 var _NavHorizontalList = _interopRequireDefault(require("@digigov/react-core/NavHorizontalList"));
 
 var _NavHorizontalListItem = _interopRequireDefault(require("@digigov/react-core/NavHorizontalListItem"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderLogo["default"], {
-  src: "https://www.gov.gr/gov_gr_logo.svg",
+var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
   href: "#"
 })))), /*#__PURE__*/_react["default"].createElement(_NavHorizontal["default"], null, /*#__PURE__*/_react["default"].createElement(_NavHorizontalList["default"], null, /*#__PURE__*/_react["default"].createElement(_NavHorizontalListItem["default"], {
   active: true

package/app/Header/__stories__/WithServiceName.js

@@ -15,12 +15,11 @@ var _HeaderSection = _interopRequireDefault(require("@digigov/ui/app/Header/Head
 
 var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
 
-var _HeaderLogo = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderLogo"));
+var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
 
 var _HeaderTitle = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderTitle"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderLogo["default"], {
-  src: "https://www.gov.gr/gov_gr_logo.svg",
+var _ref = /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
   href: "#"
 }), /*#__PURE__*/_react["default"].createElement(_HeaderTitle["default"], null, "Service name"))));
 

package/app/Header/__stories__/WithServiceNameAndLogo.js

@@ -15,17 +15,18 @@ var _HeaderSection = _interopRequireDefault(require("@digigov/ui/app/Header/Head
 
 var _HeaderContent = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderContent"));
 
-var _HeaderLogo = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderLogo"));
+var _Logo = _interopRequireDefault(require("@digigov/ui/govgr/Logo"));
 
 var _HeaderSecondaryLogo = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderSecondaryLogo"));
 
 var _HeaderTitle = _interopRequireDefault(require("@digigov/ui/app/Header/HeaderTitle"));
 
-var _ref = /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderLogo["default"], {
-  src: "https://www.gov.gr/gov_gr_logo.svg",
+var _mineduLogoBase = _interopRequireDefault(require("@digigov/ui/govgr/images/minedu-logo-base64"));
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Header["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderSection["default"], null, /*#__PURE__*/_react["default"].createElement(_HeaderContent["default"], null, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
   href: "#"
 }), /*#__PURE__*/_react["default"].createElement(_HeaderSecondaryLogo["default"], {
-  src: "https://dilosi.services.gov.gr/minedu-logo.svg",
+  src: _mineduLogoBase["default"],
   href: "#"
 }), /*#__PURE__*/_react["default"].createElement(_HeaderTitle["default"], null, "Service name"))));
 

package/app/Header/index.spec.js

@@ -1,15 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 var React = _interopRequireWildcard(require("react"));
 
 var _enzyme = require("enzyme");
 
-var _mountWithTheme = _interopRequireDefault(require("@digigov/ui/test-utils/mountWithTheme"));
-
 var _Header = _interopRequireWildcard(require("@digigov/ui/app/Header"));
 
 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); }
@@ -28,7 +24,7 @@ var _ref = /*#__PURE__*/React.createElement(_Header["default"], null, /*#__PURE_
 }, "A title"), /*#__PURE__*/React.createElement(_Header.HeaderSubtitle, null, "A subtitle"));
 
 it('renders the header with logo, title and subtitle ', function () {
-  expect((0, _mountWithTheme["default"])(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(_Header.HeaderTitle, null, "A title");

package/core/ErrorSummary/index.spec.js

@@ -6,16 +6,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 
 var React = _interopRequireWildcard(require("react"));
 
-var _mountWithTheme = _interopRequireDefault(require("@digigov/ui/test-utils/mountWithTheme"));
-
-var _ = _interopRequireDefault(require("."));
+var _ErrorSummary = _interopRequireDefault(require("@digigov/ui/core/ErrorSummary"));
 
 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.createElement(_["default"], null, "this is some random warning text");
+var _ref = /*#__PURE__*/React.createElement(_ErrorSummary["default"], null, "this is some random warning text");
 
 it('renders the ErrorSummary with sample data', function () {
-  expect((0, _mountWithTheme["default"])(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });

package/core/List/ListItemContent.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare const useListItemContenttyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
 export interface ListItemContentProps {
     className?: string;
 }

package/core/List/ListItemContent.js

@@ -5,41 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useListItemContenttyles = exports["default"] = exports.ListItemContent = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports["default"] = exports.ListItemContent = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _excluded = ["className", "children"];
-var useListItemContenttyles = (0, _styles.makeStyles)(function (theme) {
-  return {
-    root: {
-      flexGrow: 1,
-      padding: theme.spacing(0, 2)
-    }
-  };
+var _excluded = ["children"];
+var ListItemContent = (0, _withDeprecation["default"])(function (_ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", props, children);
 }, {
-  name: 'MuiListItemContent'
+  name: 'ListItemContent',
+  warning: 'There is no need to use ListItemContent component anymore. It will be removed in a later version'
 });
-exports.useListItemContenttyles = useListItemContenttyles;
-
-var ListItemContent = function ListItemContent(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useListItemContenttyles();
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: (0, _clsx["default"])(className, classes.root)
-  }, props), children);
-};
-
 exports.ListItemContent = ListItemContent;
 var _default = ListItemContent;
 exports["default"] = _default;

package/core/List/ListItemIcon.d.ts

@@ -1,7 +1,5 @@
 import React from 'react';
-import { AvatarProps } from '@material-ui/core/Avatar';
-export declare const useListItemIconStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
-export interface ListItemIconProps extends AvatarProps {
+export interface ListItemIconProps {
 }
 export declare const ListItemIcon: React.FC<ListItemIconProps>;
 export default ListItemIcon;

package/core/List/ListItemIcon.js

@@ -5,44 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useListItemIconStyles = exports["default"] = exports.ListItemIcon = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports["default"] = exports.ListItemIcon = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _styles = require("@material-ui/core/styles");
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
-
-var _excluded = ["className", "children", "style"];
-var useListItemIconStyles = (0, _styles.makeStyles)(function () {
-  return {
-    root: {}
-  };
+var _excluded = ["children"];
+var ListItemIcon = (0, _withDeprecation["default"])(function (_ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", props, children);
 }, {
-  name: 'MuiListItemIcon'
+  name: 'ListItemIcon',
+  warning: 'There is no need to use ListItemIcon component anymore. It will be removed in a later version'
 });
-exports.useListItemIconStyles = useListItemIconStyles;
-
-var ListItemIcon = function ListItemIcon(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      style = _ref.style,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useListItemIconStyles();
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: style,
-    className: (0, _clsx["default"])(className, classes.root)
-  }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], (0, _extends2["default"])({
-    variant: "rounded"
-  }, props), children));
-};
-
 exports.ListItemIcon = ListItemIcon;
 var _default = ListItemIcon;
 exports["default"] = _default;

package/core/List/ListItemText.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { NormalTextProps } from '@digigov/ui/typography/NormalText';
-export declare const useListItemTextStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
 export interface ListItemTextProps extends NormalTextProps {
     ref?: React.Ref<HTMLSpanElement>;
 }

package/core/List/ListItemText.js

@@ -5,32 +5,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useListItemTextStyles = exports["default"] = exports.ListItemText = void 0;
+exports["default"] = exports.ListItemText = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _NormalText = _interopRequireDefault(require("@digigov/ui/typography/NormalText"));
 
-var _excluded = ["children"];
-var useListItemTextStyles = (0, _styles.makeStyles)(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiListItemText'
-});
-exports.useListItemTextStyles = useListItemTextStyles;
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var ListItemText = function ListItemText(_ref) {
+var _excluded = ["children"];
+var ListItemText = (0, _withDeprecation["default"])(function (_ref) {
   var children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_NormalText["default"], props, children);
-};
-
+}, {
+  name: 'ListItemText',
+  warning: 'There is no need to use ListItemText component anymore. It will be removed in a later version'
+});
 exports.ListItemText = ListItemText;
 var _default = ListItemText;
 exports["default"] = _default;

package/core/List/ListItemTitle.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { TitleProps } from '@digigov/ui/typography/Title';
 import { LinkProps } from '@digigov/ui/core/Link';
-export declare const useListItemTitleStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
 export interface ListItemTitleProps extends TitleProps {
     href?: string;
     linkProps?: Omit<LinkProps, 'href'>;

package/core/List/ListItemTitle.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useListItemTitleStyles = exports["default"] = exports.ListItemTitle = void 0;
+exports["default"] = exports.ListItemTitle = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -13,23 +13,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styles = require("@material-ui/core/styles");
-
 var _Title = _interopRequireDefault(require("@digigov/ui/typography/Title"));
 
 var _Link = _interopRequireDefault(require("@digigov/ui/core/Link"));
 
-var _excluded = ["href", "linkProps", "children"];
-var useListItemTitleStyles = (0, _styles.makeStyles)(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiListItemTitle'
-});
-exports.useListItemTitleStyles = useListItemTitleStyles;
+var _withDeprecation = _interopRequireDefault(require("@digigov/ui/utils/withDeprecation"));
 
-var ListItemTitle = function ListItemTitle(_ref) {
+var _excluded = ["href", "linkProps", "children"];
+var ListItemTitle = (0, _withDeprecation["default"])(function (_ref) {
   var href = _ref.href,
       linkProps = _ref.linkProps,
       children = _ref.children,
@@ -37,8 +28,10 @@ var ListItemTitle = function ListItemTitle(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_Title["default"], props, href ? /*#__PURE__*/_react["default"].createElement(_Link["default"], (0, _extends2["default"])({
     href: href
   }, linkProps), children) : children);
-};
-
+}, {
+  name: 'ListItemTitle',
+  warning: 'There is no need to use ListItemTitle component anymore. It will be removed in a later version'
+});
 exports.ListItemTitle = ListItemTitle;
 var _default = ListItemTitle;
 exports["default"] = _default;

package/core/List/index.spec.js

@@ -6,8 +6,6 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 
 var React = _interopRequireWildcard(require("react"));
 
-var _mountWithTheme = _interopRequireDefault(require("@digigov/ui/test-utils/mountWithTheme"));
-
 var _List = _interopRequireDefault(require("@digigov/ui/core/List"));
 
 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); }
@@ -17,5 +15,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var _ref = /*#__PURE__*/React.createElement(_List["default"], null, "this is some random warning text");
 
 it('renders the ErrorSummary with sample data', function () {
-  expect((0, _mountWithTheme["default"])(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });

package/core/NavList/index.spec.js

@@ -6,8 +6,6 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 
 var React = _interopRequireWildcard(require("react"));
 
-var _mountWithTheme = _interopRequireDefault(require("@digigov/ui/test-utils/mountWithTheme"));
-
 var _NavList = _interopRequireDefault(require("@digigov/ui/core/NavList"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -17,5 +15,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var _ref = /*#__PURE__*/React.createElement(_NavList["default"], null, "this is some random warning text");
 
 it('renders the ErrorSummary with sample data', function () {
-  expect((0, _mountWithTheme["default"])(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });

package/core/NotificationBanner/index.spec.js

@@ -6,8 +6,6 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 
 var React = _interopRequireWildcard(require("react"));
 
-var _mountWithTheme = _interopRequireDefault(require("@digigov/ui/test-utils/mountWithTheme"));
-
 var _NotificationBanner = _interopRequireDefault(require("@digigov/ui/core/NotificationBanner"));
 
 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); }
@@ -19,14 +17,14 @@ var _ref = /*#__PURE__*/React.createElement(_NotificationBanner["default"], {
 }, "this is a notification");
 
 it('renders the notification banner', function () {
-  expect((0, _mountWithTheme["default"])(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });
 it('renders the notification banner with title and link', function () {
-  expect((0, _mountWithTheme["default"])( /*#__PURE__*/React.createElement(_NotificationBanner["default"], {
+  expect( /*#__PURE__*/React.createElement(_NotificationBanner["default"], {
     title: "Notification Banner Example",
     link: {
       href: '/',
       label: 'This is a label'
     }
-  }, "this is a notification"))).toMatchSnapshot();
+  }, "this is a notification")).toMatchSnapshot();
 });

package/core/WarningText/index.spec.js

@@ -6,8 +6,6 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 
 var React = _interopRequireWildcard(require("react"));
 
-var _mountWithTheme = _interopRequireDefault(require("@digigov/ui/test-utils/mountWithTheme"));
-
 var _WarningText = _interopRequireDefault(require("@digigov/ui/core/WarningText"));
 
 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); }
@@ -17,5 +15,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var _ref = /*#__PURE__*/React.createElement(_WarningText["default"], null, "this is some random warning text");
 
 it('renders the WarningText with sample data', function () {
-  expect((0, _mountWithTheme["default"])(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });

package/es/app/App.js

@@ -1,27 +1,14 @@
 import React, { Suspense } from 'react';
-import CssBaseline from '@material-ui/core/CssBaseline';
-import { ThemeProvider, makeStyles } from '@material-ui/core/styles';
-export var useAppStyles = makeStyles({
-  root: {}
-});
 
 var App = function App(_ref) {
-  var theme = _ref.theme,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, /*#__PURE__*/React.createElement(Suspense, {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(Suspense, {
     fallback: 'loading...'
-  }, children));
+  }, children);
 };
 
-var _ref3 = /*#__PURE__*/React.createElement(CssBaseline, null);
-
 export var StaticApp = function StaticApp(_ref2) {
-  var theme = _ref2.theme,
-      children = _ref2.children;
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: theme
-  }, _ref3, children);
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
 export default App;