@digigov/ui 0.24.3 → 0.26.2

package/esm/core/Link/index.js

@@ -24,4 +24,5 @@ var Link = /*#__PURE__*/React.forwardRef(function WrappedLink(_ref, ref) {
     href: href
   }, props), children);
 });
-export default Link;
+export default Link;
+export { Link };

package/esm/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/esm/core/List/ListItemContent.js

@@ -1,27 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
-export var useListItemContenttyles = makeStyles(function (theme) {
-  return {
-    root: {
-      flexGrow: 1,
-      padding: theme.spacing(0, 2)
-    }
-  };
-}, {
-  name: 'MuiListItemContent'
-});
-export var ListItemContent = function ListItemContent(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var ListItemContent = withDeprecation(function (_ref) {
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var classes = useListItemContenttyles();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: clsx(className, classes.root)
-  }, props), children);
-};
+  return /*#__PURE__*/React.createElement("div", props, children);
+}, {
+  name: 'ListItemContent',
+  warning: 'There is no need to use ListItemContent component anymore. It will be removed in a later version'
+});
 export default ListItemContent;

package/esm/core/List/ListItemIcon.js

@@ -1,29 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "style"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import { makeStyles } from '@material-ui/core/styles';
-import Avatar from '@material-ui/core/Avatar';
-export var useListItemIconStyles = makeStyles(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiListItemIcon'
-});
-export var ListItemIcon = function ListItemIcon(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      style = _ref.style,
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var ListItemIcon = withDeprecation(function (_ref) {
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var classes = useListItemIconStyles();
-  return /*#__PURE__*/React.createElement("div", {
-    style: style,
-    className: clsx(className, classes.root)
-  }, /*#__PURE__*/React.createElement(Avatar, _extends({
-    variant: "rounded"
-  }, props), children));
-};
+  return /*#__PURE__*/React.createElement("div", props, children);
+}, {
+  name: 'ListItemIcon',
+  warning: 'There is no need to use ListItemIcon component anymore. It will be removed in a later version'
+});
 export default ListItemIcon;

package/esm/core/List/ListItemText.js

@@ -1,19 +1,15 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children"];
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import NormalText from '@digigov/ui/typography/NormalText';
-export var useListItemTextStyles = makeStyles(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiListItemText'
-});
-export var ListItemText = function ListItemText(_ref) {
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var ListItemText = withDeprecation(function (_ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(NormalText, props, children);
-};
+}, {
+  name: 'ListItemText',
+  warning: 'There is no need to use ListItemText component anymore. It will be removed in a later version'
+});
 export default ListItemText;

package/esm/core/List/ListItemTitle.js

@@ -2,17 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "linkProps", "children"];
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import Title from '@digigov/ui/typography/Title';
 import Link from '@digigov/ui/core/Link';
-export var useListItemTitleStyles = makeStyles(function () {
-  return {
-    root: {}
-  };
-}, {
-  name: 'MuiListItemTitle'
-});
-export var ListItemTitle = function ListItemTitle(_ref) {
+import withDeprecation from '@digigov/ui/utils/withDeprecation';
+export var ListItemTitle = withDeprecation(function (_ref) {
   var href = _ref.href,
       linkProps = _ref.linkProps,
       children = _ref.children,
@@ -21,5 +14,8 @@ export var ListItemTitle = function ListItemTitle(_ref) {
   return /*#__PURE__*/React.createElement(Title, props, href ? /*#__PURE__*/React.createElement(Link, _extends({
     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'
+});
 export default ListItemTitle;

package/esm/core/List/index.spec.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import mountWithTheme from '@digigov/ui/test-utils/mountWithTheme';
 import Component from '@digigov/ui/core/List';
 
 var _ref = /*#__PURE__*/React.createElement(Component, null, "this is some random warning text");
 
 it('renders the ErrorSummary with sample data', function () {
-  expect(mountWithTheme(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });

package/esm/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/esm/core/NavList/NavHorizontal.js

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

package/esm/core/NavList/NavHorizontalList.js

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

package/esm/core/NavList/NavHorizontalListItem.js

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

package/esm/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/esm/core/NavList/NavVertical.js

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

package/esm/core/NavList/NavVerticalItem.js

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

package/esm/core/NavList/index.js

@@ -2,4 +2,9 @@ export { NavList as default } from '@digigov/ui/core/NavList/NavList';
 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/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';

package/esm/core/NavList/index.spec.js

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import mountWithTheme from '@digigov/ui/test-utils/mountWithTheme';
 import Component from '@digigov/ui/core/NavList';
 
 var _ref = /*#__PURE__*/React.createElement(Component, null, "this is some random warning text");
 
 it('renders the ErrorSummary with sample data', function () {
-  expect(mountWithTheme(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });

package/esm/core/NotificationBanner/NotificationBanner.stories.playwright.json

@@ -0,0 +1,49 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-notificationbanner--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div:nth-child(2)>h3>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div:nth-child(2)>h3>a"
+              }
+            }
+          ],
+          "id": "dYDf1Q2XBX7X",
+          "title": "Hover and click"
+        }
+      ]
+    },
+    "digigov-ui-core-notificationbanner--success": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div:nth-child(2)>h3>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>div:nth-child(2)>h3>a"
+              }
+            }
+          ],
+          "id": "ez4xB9-sspYz",
+          "title": "Hover and click"
+        }
+      ]
+    }
+  }
+}

package/esm/core/NotificationBanner/index.spec.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import mountWithTheme from '@digigov/ui/test-utils/mountWithTheme';
 import NotificationBanner from '@digigov/ui/core/NotificationBanner';
 
 var _ref = /*#__PURE__*/React.createElement(NotificationBanner, {
@@ -7,14 +6,14 @@ var _ref = /*#__PURE__*/React.createElement(NotificationBanner, {
 }, "this is a notification");
 
 it('renders the notification banner', function () {
-  expect(mountWithTheme(_ref)).toMatchSnapshot();
+  expect(_ref).toMatchSnapshot();
 });
 it('renders the notification banner with title and link', function () {
-  expect(mountWithTheme( /*#__PURE__*/React.createElement(NotificationBanner, {
+  expect( /*#__PURE__*/React.createElement(NotificationBanner, {
     title: "Notification Banner Example",
     link: {
       href: '/',
       label: 'This is a label'
     }
-  }, "this is a notification"))).toMatchSnapshot();
+  }, "this is a notification")).toMatchSnapshot();
 });

package/esm/core/PhaseBanner/PhaseBanner.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-phasebanner--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            }
+          ],
+          "id": "b1ldT3RjaFfg",
+          "title": "pressing Tab"
+        }
+      ]
+    }
+  }
+}

package/esm/core/Radios/Radios.stories.playwright.json

@@ -0,0 +1,49 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-radios--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Tab"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "Space"
+              }
+            },
+            {
+              "name": "keyboard.press",
+              "args": {
+                "key": "ArrowDown"
+              }
+            }
+          ],
+          "id": "ihfl6FqwhAee",
+          "title": "Navigate with keyboard"
+        }
+      ]
+    },
+    "digigov-ui-core-radios--with-hints": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>fieldset>div>div:nth-child(1)>label>input"
+              }
+            }
+          ],
+          "id": "FgKax2U7F5gE",
+          "title": "Click first"
+        }
+      ]
+    }
+  }
+}

package/esm/core/Select/Select.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-select--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>label>select"
+              }
+            }
+          ],
+          "id": "r12umQc21tgb",
+          "title": "Select with mouse"
+        }
+      ]
+    }
+  }
+}

package/esm/core/SkipLink/index.js

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

package/esm/core/SummaryList/SummaryList.stories.js

@@ -6,4 +6,5 @@ export default {
 };
 export * from './__stories__/Default';
 export * from './__stories__/WithActions';
-export * from './__stories__/WithoutBorders';
+export * from './__stories__/WithoutBorders';
+export * from './__stories__/WithKeyAndAction';

package/esm/core/SummaryList/SummaryList.stories.playwright.json

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

package/esm/core/SummaryList/__stories__/Default.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey, SummaryListItemValue } from '@digigov/ui/core/SummaryList';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import Link from '@digigov/ui/core/Link';
 
-var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null)), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "6941234567")));
+var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u0393\u03B9\u03CE\u03C1\u03B3\u03BF\u03C2 \u03A0\u03B1\u03C0\u03B1\u03B4\u03CC\u03C0\u03BF\u03C5\u03BB\u03BF\u03C2")), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "\u03A4\u03AC\u03B4\u03B5 20, \u03A0\u03B1\u03C4\u03AE\u03C3\u03B9\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemValue, null, "6941234567")));
 
 export var Default = function Default() {
   return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);

package/esm/core/SummaryList/__stories__/WithKeyAndAction.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import SummaryList, { SummaryListItem, SummaryListItemAction, SummaryListItemKey } from '@digigov/ui/core/SummaryList';
+import VisuallyHidden from '@digigov/ui/core/VisuallyHidden';
+import Link from '@digigov/ui/core/Link';
+import { ButtonGroup, Button } from '@digigov/ui/core';
+
+var _ref = /*#__PURE__*/React.createElement(SummaryList, null, /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u038C\u03BD\u03BF\u03BC\u03B1"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u039F\u03BD\u03CC\u03BC\u03B1\u03C4\u03BF\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(Link, {
+  href: "#"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2")))), /*#__PURE__*/React.createElement(SummaryListItem, null, /*#__PURE__*/React.createElement(SummaryListItemKey, null, "\u03A4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"), /*#__PURE__*/React.createElement(SummaryListItemAction, null, /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+  variant: "link"
+}, "\u0391\u03BB\u03BB\u03B1\u03B3\u03AE ", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5")), /*#__PURE__*/React.createElement(Button, {
+  variant: "link"
+}, "\u0394\u03B9\u03B1\u03B3\u03C1\u03B1\u03C6\u03AE ", /*#__PURE__*/React.createElement(VisuallyHidden, null, "\u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"))))));
+
+export var WithKeyAndAction = function WithKeyAndAction() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, _ref);
+};
+export default WithKeyAndAction;

package/esm/core/SvgIcon/index.js

@@ -2,6 +2,7 @@ export * from '@digigov/react-core/SvgIcon';
 export * from '@digigov/react-core/ArrowIcon';
 export * from '@digigov/react-core/CaretIcon';
 export * from '@digigov/react-core/UncheckIcon';
+export * from '@digigov/react-core/CheckIcon';
 export * from '@digigov/react-core/CloseIcon';
 export * from '@digigov/react-core/MoreVertIcon';
 export * from '@digigov/react-core/BurgerIcon';

package/esm/core/Table/Table.stories.playwright.json

@@ -0,0 +1,21 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-table--with-loader": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>button"
+              }
+            }
+          ],
+          "id": "pJkd6uCc33pr",
+          "title": "Toggle Loading"
+        }
+      ]
+    }
+  }
+}

package/esm/core/Tabs/Tabs.stories.playwright.json

@@ -0,0 +1,27 @@
+{
+  "version": "4",
+  "stories": {
+    "digigov-ui-core-tabs--default": {
+      "actionSets": [
+        {
+          "actions": [
+            {
+              "name": "hover",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>ul>li:nth-child(2)>a"
+              }
+            },
+            {
+              "name": "click",
+              "args": {
+                "selector": "html>body>div:nth-child(5)>div>ul>li:nth-child(2)>a"
+              }
+            }
+          ],
+          "id": "_sXJM58BIiuJ",
+          "title": "Click second tab"
+        }
+      ]
+    }
+  }
+}