@digigov/react-core 1.0.0-002c630d → 1.0.0-480e3d97

package/esm/NotificationBannerLink/__snapshots__/index.test.tsx.snap

@@ -4,34 +4,41 @@ exports[`renders the NotificationBannerLink with href prop props 1`] = `
 <ForwardRef(NotificationBannerLink)
   href="https://www.w3schools.com/html/html_links.asp"
 >
-  <ForwardRef(Base)
-    as="a"
+  <ForwardRef(LinkBase)
     className="govgr-notification-banner__link"
     href="https://www.w3schools.com/html/html_links.asp"
   >
-    <a
-      className="govgr-notification-banner__link"
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-notification-banner__link govgr-link"
       href="https://www.w3schools.com/html/html_links.asp"
     >
-      hello
-    </a>
-  </ForwardRef(Base)>
+      <a
+        className="govgr-notification-banner__link govgr-link"
+        href="https://www.w3schools.com/html/html_links.asp"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
 </ForwardRef(NotificationBannerLink)>
 `;
 
 exports[`renders the NotificationBannerLink with no props 1`] = `
 <ForwardRef(NotificationBannerLink)>
-  <ForwardRef(Base)
-    as="a"
+  <ForwardRef(LinkBase)
     className="govgr-notification-banner__link"
-    href="#"
   >
-    <a
-      className="govgr-notification-banner__link"
-      href="#"
+    <ForwardRef(Base)
+      as="a"
+      className="govgr-notification-banner__link govgr-link"
     >
-      hello
-    </a>
-  </ForwardRef(Base)>
+      <a
+        className="govgr-notification-banner__link govgr-link"
+      >
+        hello
+      </a>
+    </ForwardRef(Base)>
+  </ForwardRef(LinkBase)>
 </ForwardRef(NotificationBannerLink)>
 `;

package/esm/NotificationBannerLink/index.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "href", "children"];
+var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import LinkBase from '@digigov/react-core/LinkBase';
 
 /**
  * Details for the NotificationBannerLink.
@@ -12,15 +12,11 @@ import Base from '@digigov/react-core/Base';
  */
 export var NotificationBannerLink = /*#__PURE__*/React.forwardRef(function NotificationBannerLink(_ref, ref) {
   var className = _ref.className,
-      _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '#' : _ref$href,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "a",
+  return /*#__PURE__*/React.createElement(LinkBase, _extends({
     ref: ref,
-    href: href,
     className: clsx(className, true && 'govgr-notification-banner__link')
   }, props), children);
 });

package/esm/PageTitleCaption/__snapshots__/index.test.tsx.snap

@@ -1,67 +1,102 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the PageTitleCaption with no props 1`] = `
-<ForwardRef(PageTitleCaption)>
-  <ForwardRef(Base)
-    as="span"
-    className="govgr-caption-lg"
-  >
-    <span
-      className="govgr-caption-lg"
+exports[`renders the PageTitleHeading with no props 1`] = `
+<ForwardRef(PageTitleHeading)>
+  <ForwardRef(Heading)>
+    <ForwardRef(Base)
+      as="h1"
+      className="govgr-heading-xl"
     >
-      hello
-    </span>
-  </ForwardRef(Base)>
-</ForwardRef(PageTitleCaption)>
+      <h1
+        className="govgr-heading-xl"
+      >
+        hello
+      </h1>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
 `;
 
-exports[`renders the PageTitleCaption with size=l 1`] = `
-<ForwardRef(PageTitleCaption)
+exports[`renders the PageTitleHeading with size=l 1`] = `
+<ForwardRef(PageTitleHeading)
   size="lg"
 >
-  <ForwardRef(Base)
-    as="span"
-    className="govgr-caption-lg"
+  <ForwardRef(Heading)
+    size="lg"
   >
-    <span
-      className="govgr-caption-lg"
+    <ForwardRef(Base)
+      as="h2"
+      className="govgr-heading-lg"
     >
-      hello
-    </span>
-  </ForwardRef(Base)>
-</ForwardRef(PageTitleCaption)>
+      <h2
+        className="govgr-heading-lg"
+      >
+        hello
+      </h2>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
 `;
 
-exports[`renders the PageTitleCaption with size=m 1`] = `
-<ForwardRef(PageTitleCaption)
+exports[`renders the PageTitleHeading with size=m 1`] = `
+<ForwardRef(PageTitleHeading)
   size="md"
 >
-  <ForwardRef(Base)
-    as="span"
-    className="govgr-caption-md"
+  <ForwardRef(Heading)
+    size="md"
+  >
+    <ForwardRef(Base)
+      as="h3"
+      className="govgr-heading-md"
+    >
+      <h3
+        className="govgr-heading-md"
+      >
+        hello
+      </h3>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
+`;
+
+exports[`renders the PageTitleHeading with size=s 1`] = `
+<ForwardRef(PageTitleHeading)
+  size="sm"
+>
+  <ForwardRef(Heading)
+    size="sm"
   >
-    <span
-      className="govgr-caption-md"
+    <ForwardRef(Base)
+      as="h4"
+      className="govgr-heading-sm"
     >
-      hello
-    </span>
-  </ForwardRef(Base)>
-</ForwardRef(PageTitleCaption)>
+      <h4
+        className="govgr-heading-sm"
+      >
+        hello
+      </h4>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
 `;
 
-exports[`renders the PageTitleCaption with size=xl 1`] = `
-<ForwardRef(PageTitleCaption)
+exports[`renders the PageTitleHeading with size=xl 1`] = `
+<ForwardRef(PageTitleHeading)
   size="xl"
 >
-  <ForwardRef(Base)
-    as="span"
-    className="govgr-caption-xl"
+  <ForwardRef(Heading)
+    size="xl"
   >
-    <span
-      className="govgr-caption-xl"
+    <ForwardRef(Base)
+      as="h1"
+      className="govgr-heading-xl"
     >
-      hello
-    </span>
-  </ForwardRef(Base)>
-</ForwardRef(PageTitleCaption)>
+      <h1
+        className="govgr-heading-xl"
+      >
+        hello
+      </h1>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
 `;

package/esm/PageTitleCaption/index.js

@@ -1,24 +1,18 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "children"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import HeadingCaption from '@digigov/react-core/HeadingCaption';
 
 /**
  * PageTitleCaption will be replaced by HeadingCaption.
  */
 export var PageTitleCaption = /*#__PURE__*/React.forwardRef(function PageTitleCaption(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'lg' : _ref$size,
-      className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "span",
-    ref: ref,
-    className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'lg' && 'govgr-caption-lg', size === 'md' && 'govgr-caption-md')
+  return /*#__PURE__*/React.createElement(HeadingCaption, _extends({
+    ref: ref
   }, props), children);
 });
 export default PageTitleCaption;

package/esm/PageTitleCaption/index.test.js

@@ -1,33 +1,41 @@
 import React from 'react';
 import { mount } from 'enzyme';
-import PageTitleCaption from '@digigov/react-core/PageTitleCaption';
+import PageTitleHeading from '@digigov/react-core/PageTitleHeading';
 
-var _ref = /*#__PURE__*/React.createElement(PageTitleCaption, null, "hello");
+var _ref = /*#__PURE__*/React.createElement(PageTitleHeading, null, "hello");
 
-it('renders the PageTitleCaption with no props', function () {
+it('renders the PageTitleHeading with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
 });
 
-var _ref2 = /*#__PURE__*/React.createElement(PageTitleCaption, {
+var _ref2 = /*#__PURE__*/React.createElement(PageTitleHeading, {
   size: 'xl'
 }, "hello");
 
-it('renders the PageTitleCaption with size=xl', function () {
+it('renders the PageTitleHeading with size=xl', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
-var _ref3 = /*#__PURE__*/React.createElement(PageTitleCaption, {
+var _ref3 = /*#__PURE__*/React.createElement(PageTitleHeading, {
   size: 'lg'
 }, "hello");
 
-it('renders the PageTitleCaption with size=l', function () {
+it('renders the PageTitleHeading with size=l', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
-var _ref4 = /*#__PURE__*/React.createElement(PageTitleCaption, {
+var _ref4 = /*#__PURE__*/React.createElement(PageTitleHeading, {
   size: 'md'
 }, "hello");
 
-it('renders the PageTitleCaption with size=m', function () {
+it('renders the PageTitleHeading with size=m', function () {
   expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(PageTitleHeading, {
+  size: 'sm'
+}, "hello");
+
+it('renders the PageTitleHeading with size=s', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
 });

package/esm/PageTitleContainer/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the PageTitleContainer with no props 1`] = `
+<ForwardRef(PageTitleContainer)>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-page-title"
+  >
+    <div
+      className="govgr-page-title"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(PageTitleContainer)>
+`;

package/{es/HeaderSubtitle → esm/PageTitleContainer}/index.js

@@ -6,9 +6,9 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * Details for the HeaderSubtitle.
+ * Details for the PageTitleContainer.
  */
-export var HeaderSubtitle = /*#__PURE__*/React.forwardRef(function HeaderSubtitle(_ref, ref) {
+export var PageTitleContainer = /*#__PURE__*/React.forwardRef(function PageTitleContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -16,7 +16,7 @@ export var HeaderSubtitle = /*#__PURE__*/React.forwardRef(function HeaderSubtitl
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className)
+    className: clsx(className, true && 'govgr-page-title')
   }, props), children);
 });
-export default HeaderSubtitle;
+export default PageTitleContainer;

package/esm/PageTitleContainer/index.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import PageTitleContainer from '@digigov/react-core/PageTitleContainer';
+
+var _ref = /*#__PURE__*/React.createElement(PageTitleContainer, null, "hello");
+
+it('renders the PageTitleContainer with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/esm/PageTitleHeading/__snapshots__/index.test.tsx.snap

@@ -2,16 +2,18 @@
 
 exports[`renders the PageTitleHeading with no props 1`] = `
 <ForwardRef(PageTitleHeading)>
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-xl"
-  >
-    <h1
+  <ForwardRef(Heading)>
+    <ForwardRef(Base)
+      as="h1"
       className="govgr-heading-xl"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h1
+        className="govgr-heading-xl"
+      >
+        hello
+      </h1>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
 
@@ -19,16 +21,20 @@ exports[`renders the PageTitleHeading with size=l 1`] = `
 <ForwardRef(PageTitleHeading)
   size="lg"
 >
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-lg"
+  <ForwardRef(Heading)
+    size="lg"
   >
-    <h1
+    <ForwardRef(Base)
+      as="h2"
       className="govgr-heading-lg"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h2
+        className="govgr-heading-lg"
+      >
+        hello
+      </h2>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
 
@@ -36,16 +42,20 @@ exports[`renders the PageTitleHeading with size=m 1`] = `
 <ForwardRef(PageTitleHeading)
   size="md"
 >
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-md"
+  <ForwardRef(Heading)
+    size="md"
   >
-    <h1
+    <ForwardRef(Base)
+      as="h3"
       className="govgr-heading-md"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h3
+        className="govgr-heading-md"
+      >
+        hello
+      </h3>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
 
@@ -53,16 +63,20 @@ exports[`renders the PageTitleHeading with size=s 1`] = `
 <ForwardRef(PageTitleHeading)
   size="sm"
 >
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-sm"
+  <ForwardRef(Heading)
+    size="sm"
   >
-    <h1
+    <ForwardRef(Base)
+      as="h4"
       className="govgr-heading-sm"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h4
+        className="govgr-heading-sm"
+      >
+        hello
+      </h4>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
 
@@ -70,15 +84,19 @@ exports[`renders the PageTitleHeading with size=xl 1`] = `
 <ForwardRef(PageTitleHeading)
   size="xl"
 >
-  <ForwardRef(Base)
-    as="h1"
-    className="govgr-heading-xl"
+  <ForwardRef(Heading)
+    size="xl"
   >
-    <h1
+    <ForwardRef(Base)
+      as="h1"
       className="govgr-heading-xl"
     >
-      hello
-    </h1>
-  </ForwardRef(Base)>
+      <h1
+        className="govgr-heading-xl"
+      >
+        hello
+      </h1>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;

package/esm/PageTitleHeading/index.js

@@ -1,24 +1,19 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "className", "children"];
+var _excluded = ["children"];
 import React from 'react';
-import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Heading from '@digigov/react-core/Heading';
 
 /**
  * Details for the PageTitleHeading.
+ * Use PageTitleHeading for the main page title.
  */
 export var PageTitleHeading = /*#__PURE__*/React.forwardRef(function PageTitleHeading(_ref, ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'xl' : _ref$size,
-      className = _ref.className,
-      children = _ref.children,
+  var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "h1",
-    ref: ref,
-    className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'lg' && 'govgr-heading-lg', size === 'md' && 'govgr-heading-md', size === 'sm' && 'govgr-heading-sm')
+  return /*#__PURE__*/React.createElement(Heading, _extends({
+    ref: ref
   }, props), children);
 });
 export default PageTitleHeading;

package/esm/Pagination/__snapshots__/index.spec.tsx.snap

@@ -14,3 +14,20 @@ exports[`renders the Pagination with no props 1`] = `
   </ForwardRef(Base)>
 </ForwardRef(Pagination)>
 `;
+
+exports[`renders the Pagination with size=sm 1`] = `
+<ForwardRef(Pagination)
+  size="sm"
+>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-pagination--sm govgr-pagination"
+  >
+    <nav
+      className="govgr-pagination--sm govgr-pagination"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Pagination)>
+`;

package/esm/Pagination/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "fontSize", "children"];
+var _excluded = ["className", "size", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,15 +10,15 @@ import Base from '@digigov/react-core/Base';
  */
 export var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(_ref, ref) {
   var className = _ref.className,
-      _ref$fontSize = _ref.fontSize,
-      fontSize = _ref$fontSize === void 0 ? 'md' : _ref$fontSize,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "nav",
     ref: ref,
-    className: clsx(className, fontSize === 'sm' && 'govgr-pagination--size-sm', true && 'govgr-pagination')
+    className: clsx(className, size === 'sm' && 'govgr-pagination--sm', true && 'govgr-pagination')
   }, props), children);
 });
 export default Pagination;

package/esm/Pagination/index.spec.js

@@ -6,4 +6,12 @@ var _ref = /*#__PURE__*/React.createElement(Pagination, null, "hello");
 
 it('renders the Pagination with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Pagination, {
+  size: "sm"
+}, "hello");
+
+it('renders the Pagination with size=sm', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
 });

package/esm/PaginationListItem/__snapshots__/index.spec.tsx.snap

@@ -1,15 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the PaginationListItem with currentPage 1`] = `
+exports[`renders the PaginationListItem with active=true 1`] = `
 <ForwardRef(PaginationListItem)
-  currentPage={true}
+  active={true}
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-pagination__item--current govgr-pagination__item"
+    className="govgr-pagination__item"
   >
     <li
-      className="govgr-pagination__item--current govgr-pagination__item"
+      className="govgr-pagination__item"
     >
       hello
     </li>
@@ -17,36 +17,36 @@ exports[`renders the PaginationListItem with currentPage 1`] = `
 </ForwardRef(PaginationListItem)>
 `;
 
-exports[`renders the PaginationListItem with inactive=true 1`] = `
+exports[`renders the PaginationListItem with active=true and variant=dots 1`] = `
 <ForwardRef(PaginationListItem)
-  inactive={true}
+  active={true}
+  variant="dots"
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-pagination__item--inactive govgr-pagination__item"
+    className="govgr-pagination__item--dots govgr-pagination__item"
   >
     <li
-      className="govgr-pagination__item--inactive govgr-pagination__item"
+      className="govgr-pagination__item--dots govgr-pagination__item"
     >
-      hello
+      ...
     </li>
   </ForwardRef(Base)>
 </ForwardRef(PaginationListItem)>
 `;
 
-exports[`renders the PaginationListItem with inactive=true and variant=dots 1`] = `
+exports[`renders the PaginationListItem with currentPage 1`] = `
 <ForwardRef(PaginationListItem)
-  inactive={true}
-  variant="dots"
+  currentPage={true}
 >
   <ForwardRef(Base)
     as="li"
-    className="govgr-pagination__item--dots govgr-pagination__item--inactive govgr-pagination__item"
+    className="govgr-pagination__item--current govgr-pagination__item"
   >
     <li
-      className="govgr-pagination__item--dots govgr-pagination__item--inactive govgr-pagination__item"
+      className="govgr-pagination__item--current govgr-pagination__item"
     >
-      ...
+      hello
     </li>
   </ForwardRef(Base)>
 </ForwardRef(PaginationListItem)>