@digigov/ui 0.24.3 → 0.26.2

package/core/Link/Link.stories.playwright.json

@@ -0,0 +1,65 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-link--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "JREsgOQhRp3C",
+          "title": "Focus"
+        }
+      ]
+    },
+    "digigov-ui-core-link--no-underline": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>a"
+              }
+            }
+          ],
+          "id": "P7WXxvHHLFfF",
+          "title": "Hover and focus"
+        }
+      ]
+    },
+    "digigov-ui-core-link--dark-background": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>a"
+              }
+            }
+          ],
+          "id": "YQJdyCc8F15c",
+          "title": "Hover and focus"
+        }
+      ]
+    }
+  }
+}

package/core/Link/__stories__/DarkBackground.d.ts

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

package/core/Link/__stories__/DarkBackgroundNoUnderline.d.ts

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

package/core/Link/__stories__/Default.d.ts

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

package/core/Link/__stories__/NoUnderline.d.ts

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

package/core/Link/__stories__/OpensInNewTab.d.ts

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

package/core/Link/index.d.ts

@@ -10,3 +10,4 @@ export interface LinkProps extends CoreLinkProps {
 }
 declare const Link: React.ExoticComponent<LinkProps>;
 export default Link;
+export { Link };

package/core/Link/index.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.LinkProvider = exports.CommonLink = void 0;
+exports["default"] = exports.LinkProvider = exports.Link = exports.CommonLink = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -48,5 +48,6 @@ var Link = /*#__PURE__*/React.forwardRef(function WrappedLink(_ref, ref) {
     href: href
   }, props), children);
 });
+exports.Link = Link;
 var _default = Link;
 exports["default"] = _default;

package/core/List/List.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-list--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "HP7t7DFo8MEt",
+          "title": "Navigate with tab"
+        }
+      ]
+    }
+  }
+}

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/__stories__/BulletList.d.ts

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

package/core/List/__stories__/Default.d.ts

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

package/core/List/__stories__/NumberedList.d.ts

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

package/core/List/__stories__/WithExtraSpace.d.ts

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

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/Masthead/Masthead.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-masthead--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div>div>main>a"
+              }
+            }
+          ],
+          "id": "RjiejhT6-wyP",
+          "title": "Hover"
+        }
+      ]
+    }
+  }
+}

package/core/Masthead/__stories__/Default.d.ts

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

package/core/NavList/NavHorizontal.d.ts

@@ -0,0 +1,3 @@
+import NavHorizontal from '@digigov/react-core/NavHorizontal';
+export { NavHorizontal };
+export default NavHorizontal;

package/core/NavList/NavHorizontal.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavHorizontal", {
+  enumerable: true,
+  get: function get() {
+    return _NavHorizontal["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _NavHorizontal = _interopRequireDefault(require("@digigov/react-core/NavHorizontal"));
+
+var _default = _NavHorizontal["default"];
+exports["default"] = _default;

package/core/NavList/NavHorizontalList.d.ts

@@ -0,0 +1,3 @@
+import NavHorizontalList from '@digigov/react-core/NavHorizontalList';
+export { NavHorizontalList };
+export default NavHorizontalList;

package/core/NavList/NavHorizontalList.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavHorizontalList", {
+  enumerable: true,
+  get: function get() {
+    return _NavHorizontalList["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _NavHorizontalList = _interopRequireDefault(require("@digigov/react-core/NavHorizontalList"));
+
+var _default = _NavHorizontalList["default"];
+exports["default"] = _default;

package/core/NavList/NavHorizontalListItem.d.ts

@@ -0,0 +1,3 @@
+import NavHorizontalListItem from '@digigov/react-core/NavHorizontalListItem';
+export { NavHorizontalListItem };
+export default NavHorizontalListItem;

package/core/NavList/NavHorizontalListItem.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavHorizontalListItem", {
+  enumerable: true,
+  get: function get() {
+    return _NavHorizontalListItem["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _NavHorizontalListItem = _interopRequireDefault(require("@digigov/react-core/NavHorizontalListItem"));
+
+var _default = _NavHorizontalListItem["default"];
+exports["default"] = _default;

package/core/NavList/NavList.stories.playwright.json

@@ -0,0 +1,33 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-navlist--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>nav>ul>li:nth-child(2)>div:nth-child(1)>a>span:nth-child(1)"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>nav>ul>li:nth-child(2)>div:nth-child(1)>a>span:nth-child(1)"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "WMfgyO3E_9S_",
+          "title": "Hover and click"
+        }
+      ]
+    }
+  }
+}

package/core/NavList/NavListItem.d.ts

@@ -9,6 +9,6 @@ export interface NavListItemProps {
     expandOn?: 'hover' | 'click';
     role?: string;
 }
-export declare const useNavListItemStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link" | "root" | "selected">;
+export declare const useNavListItemStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link" | "selected" | "root">;
 export declare const NavListItem: React.FC<NavListItemProps>;
 export default NavListItem;

package/core/NavList/NavListItemBase.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const useNavListItemBaseStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link" | "label" | "horizontal" | "vertical" | "open" | "root" | "icon" | "selected" | "submenu">;
+export declare const useNavListItemBaseStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "link" | "open" | "selected" | "horizontal" | "vertical" | "root" | "icon" | "submenu">;
 export interface NavListItemBaseProps {
     children?: React.ReactNode;
     href?: string;

package/core/NavList/NavVertical.d.ts

@@ -0,0 +1,3 @@
+import NavVertical from '@digigov/react-core/NavVertical';
+export { NavVertical };
+export default NavVertical;

package/core/NavList/NavVertical.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavVertical", {
+  enumerable: true,
+  get: function get() {
+    return _NavVertical["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _NavVertical = _interopRequireDefault(require("@digigov/react-core/NavVertical"));
+
+var _default = _NavVertical["default"];
+exports["default"] = _default;

package/core/NavList/NavVerticalItem.d.ts

@@ -0,0 +1,3 @@
+import NavVerticalItem from '@digigov/react-core/NavVerticalItem';
+export { NavVerticalItem };
+export default NavVerticalItem;

package/core/NavList/NavVerticalItem.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NavVerticalItem", {
+  enumerable: true,
+  get: function get() {
+    return _NavVerticalItem["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _NavVerticalItem = _interopRequireDefault(require("@digigov/react-core/NavVerticalItem"));
+
+var _default = _NavVerticalItem["default"];
+exports["default"] = _default;

package/core/NavList/__stories__/Default.d.ts

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

package/core/NavList/__stories__/NavHorizontalLayout.d.ts

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

package/core/NavList/index.d.ts

@@ -3,3 +3,8 @@ export * from '@digigov/ui/core/NavList/NavList';
 export * from '@digigov/ui/core/NavList/NavListItem';
 export * from '@digigov/ui/core/NavList/NavListSubMenu';
 export * from '@digigov/ui/core/NavList/NavListContext';
+export * from '@digigov/ui/core/NavList/NavHorizontal';
+export * from '@digigov/ui/core/NavList/NavHorizontalList';
+export * from '@digigov/ui/core/NavList/NavHorizontalListItem';
+export * from '@digigov/ui/core/NavList/NavVertical';
+export * from '@digigov/ui/core/NavList/NavVerticalItem';