@digigov/react-core 1.0.0-6b93ebf2 → 1.0.0-88820b1e

package/esm/NormalText/index.js

@@ -1,27 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "fontSize", "fontWeight", "className", "children"];
+var _excluded = ["size", "fontSize", "fontWeight", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Typography from '@digigov/react-core/Typography';
 
 /**
  * NormalText component is used for text formatting.
  * If you need a paragraph, use the Paragraph component instead.
  */
 export var NormalText = /*#__PURE__*/React.forwardRef(function NormalText(_ref, ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'md' : _ref$variant,
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'md' : _ref$size,
       fontSize = _ref.fontSize,
       fontWeight = _ref.fontWeight,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     as: "span",
+    fontWeight: fontWeight,
+    fontSize: fontSize,
     ref: ref,
-    className: clsx(className, fontWeight == 'regular' && 'govgr-!-font-weight-regular', fontWeight == 'bold' && 'govgr-!-font-weight-bold', fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '19' && 'govgr-!-font-size-19', fontSize === '24' && 'govgr-!-font-size-24', fontSize === '30' && 'govgr-!-font-size-30', fontSize === '36' && 'govgr-!-font-size-36', fontSize === '48' && 'govgr-!-font-size-48', fontSize === '72' && 'govgr-!-font-size-72', variant === 'lg' && 'govgr-body-lg', variant === 'sm' && 'govgr-body-sm', true && 'govgr-body')
+    className: clsx(className, size === 'lg' && 'govgr-body-lg', size === 'sm' && 'govgr-body-sm', true && 'govgr-body')
   }, props), children);
 });
 export default NormalText;

package/esm/NormalText/index.test.js

@@ -9,26 +9,26 @@ it('renders the NormalText with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg'
+  size: 'lg'
 }, "hello");
 
-it('renders the NormalText with variant=lead', function () {
+it('renders the NormalText with size=lead', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md'
+  size: 'md'
 }, "hello");
 
-it('renders the NormalText with variant=normal', function () {
+it('renders the NormalText with size=normal', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm'
+  size: 'sm'
 }, "hello");
 
-it('renders the NormalText with variant=small', function () {
+it('renders the NormalText with size=small', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
@@ -49,7 +49,7 @@ it('renders the NormalText with fontWeight=bold', function () {
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '14'
+  fontSize: 14
 }, "hello");
 
 it('renders the NormalText with fontSize=14', function () {
@@ -57,7 +57,7 @@ it('renders the NormalText with fontSize=14', function () {
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '16'
+  fontSize: 16
 }, "hello");
 
 it('renders the NormalText with fontSize=16', function () {
@@ -65,7 +65,7 @@ it('renders the NormalText with fontSize=16', function () {
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '19'
+  fontSize: 19
 }, "hello");
 
 it('renders the NormalText with fontSize=19', function () {
@@ -73,7 +73,7 @@ it('renders the NormalText with fontSize=19', function () {
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '24'
+  fontSize: 24
 }, "hello");
 
 it('renders the NormalText with fontSize=24', function () {
@@ -81,7 +81,7 @@ it('renders the NormalText with fontSize=24', function () {
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '30'
+  fontSize: 30
 }, "hello");
 
 it('renders the NormalText with fontSize=30', function () {
@@ -89,7 +89,7 @@ it('renders the NormalText with fontSize=30', function () {
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '36'
+  fontSize: 36
 }, "hello");
 
 it('renders the NormalText with fontSize=36', function () {
@@ -97,7 +97,7 @@ it('renders the NormalText with fontSize=36', function () {
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '48'
+  fontSize: 48
 }, "hello");
 
 it('renders the NormalText with fontSize=48', function () {
@@ -105,7 +105,7 @@ it('renders the NormalText with fontSize=48', function () {
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(NormalText, {
-  fontSize: '72'
+  fontSize: 72
 }, "hello");
 
 it('renders the NormalText with fontSize=72', function () {
@@ -113,237 +113,237 @@ it('renders the NormalText with fontSize=72', function () {
 });
 
 var _ref15 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '14'
+  size: 'lg',
+  fontSize: 14
 }, "hello");
 
-it('renders the NormalText with variant=lead and fontSize=14', function () {
+it('renders the NormalText with size=lead and fontSize=14', function () {
   expect(mount(_ref15)).toMatchSnapshot();
 });
 
 var _ref16 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '16'
+  size: 'lg',
+  fontSize: 16
 }, "hello");
 
-it('renders the NormalText with variant=lead and ontSize=16', function () {
+it('renders the NormalText with size=lead and ontSize=16', function () {
   expect(mount(_ref16)).toMatchSnapshot();
 });
 
 var _ref17 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '19'
+  size: 'lg',
+  fontSize: 19
 }, "hello");
 
-it('renders the NormalText with variant=lead and fontSize=19', function () {
+it('renders the NormalText with size=lead and fontSize=19', function () {
   expect(mount(_ref17)).toMatchSnapshot();
 });
 
 var _ref18 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '24'
+  size: 'lg',
+  fontSize: 24
 }, "hello");
 
-it('renders the NormalText with variant=lead and fontSize=24', function () {
+it('renders the NormalText with size=lead and fontSize=24', function () {
   expect(mount(_ref18)).toMatchSnapshot();
 });
 
 var _ref19 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '30'
+  size: 'lg',
+  fontSize: 30
 }, "hello");
 
-it('renders the NormalText with variant=lead and fontSize=30', function () {
+it('renders the NormalText with size=lead and fontSize=30', function () {
   expect(mount(_ref19)).toMatchSnapshot();
 });
 
 var _ref20 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '36'
+  size: 'lg',
+  fontSize: 36
 }, "hello");
 
-it('renders the NormalText with variant=lead and fontSize=36', function () {
+it('renders the NormalText with size=lead and fontSize=36', function () {
   expect(mount(_ref20)).toMatchSnapshot();
 });
 
 var _ref21 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '48'
+  size: 'lg',
+  fontSize: 48
 }, "hello");
 
-it('renders the NormalText with variant=lead and font size fontSize=48', function () {
+it('renders the NormalText with size=lead and font size fontSize=48', function () {
   expect(mount(_ref21)).toMatchSnapshot();
 });
 
 var _ref22 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '72'
+  size: 'lg',
+  fontSize: 72
 }, "hello");
 
-it('renders the NormalText with variant=lead and font size fontSize=72', function () {
+it('renders the NormalText with size=lead and font size fontSize=72', function () {
   expect(mount(_ref22)).toMatchSnapshot();
 });
 
 var _ref23 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md',
-  fontSize: '14'
+  size: 'md',
+  fontSize: 14
 }, "hello");
 
-it('renders the NormalText with variant=normal and fontSize=14', function () {
+it('renders the NormalText with size=normal and fontSize=14', function () {
   expect(mount(_ref23)).toMatchSnapshot();
 });
 
 var _ref24 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md',
-  fontSize: '16'
+  size: 'md',
+  fontSize: 16
 }, "hello");
 
-it('renders the NormalText with variant=normal and ontSize=16', function () {
+it('renders the NormalText with size=normal and ontSize=16', function () {
   expect(mount(_ref24)).toMatchSnapshot();
 });
 
 var _ref25 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md',
-  fontSize: '19'
+  size: 'md',
+  fontSize: 19
 }, "hello");
 
-it('renders the NormalText with variant=normal and fontSize=19', function () {
+it('renders the NormalText with size=normal and fontSize=19', function () {
   expect(mount(_ref25)).toMatchSnapshot();
 });
 
 var _ref26 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md',
-  fontSize: '24'
+  size: 'md',
+  fontSize: 24
 }, "hello");
 
-it('renders the NormalText with variant=normal and fontSize=24', function () {
+it('renders the NormalText with size=normal and fontSize=24', function () {
   expect(mount(_ref26)).toMatchSnapshot();
 });
 
 var _ref27 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md',
-  fontSize: '30'
+  size: 'md',
+  fontSize: 30
 }, "hello");
 
-it('renders the NormalText with variant=normal and fontSize=30', function () {
+it('renders the NormalText with size=normal and fontSize=30', function () {
   expect(mount(_ref27)).toMatchSnapshot();
 });
 
 var _ref28 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md',
-  fontSize: '36'
+  size: 'md',
+  fontSize: 36
 }, "hello");
 
-it('renders the NormalText with variant=normal and fontSize=36', function () {
+it('renders the NormalText with size=normal and fontSize=36', function () {
   expect(mount(_ref28)).toMatchSnapshot();
 });
 
 var _ref29 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md',
-  fontSize: '48'
+  size: 'md',
+  fontSize: 48
 }, "hello");
 
-it('renders the NormalText with variant=normal and font size fontSize=48', function () {
+it('renders the NormalText with size=normal and font size fontSize=48', function () {
   expect(mount(_ref29)).toMatchSnapshot();
 });
 
 var _ref30 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'md',
-  fontSize: '72'
+  size: 'md',
+  fontSize: 72
 }, "hello");
 
-it('renders the NormalText with variant=normal and font size fontSize=72', function () {
+it('renders the NormalText with size=normal and font size fontSize=72', function () {
   expect(mount(_ref30)).toMatchSnapshot();
 });
 
 var _ref31 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '14'
+  size: 'sm',
+  fontSize: 14
 }, "hello");
 
-it('renders the NormalText with variant=small and fontSize=14', function () {
+it('renders the NormalText with size=small and fontSize=14', function () {
   expect(mount(_ref31)).toMatchSnapshot();
 });
 
 var _ref32 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '16'
+  size: 'sm',
+  fontSize: 16
 }, "hello");
 
-it('renders the NormalText with variant=small and ontSize=16', function () {
+it('renders the NormalText with size=small and ontSize=16', function () {
   expect(mount(_ref32)).toMatchSnapshot();
 });
 
 var _ref33 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '19'
+  size: 'sm',
+  fontSize: 19
 }, "hello");
 
-it('renders the NormalText with variant=small and fontSize=19', function () {
+it('renders the NormalText with size=small and fontSize=19', function () {
   expect(mount(_ref33)).toMatchSnapshot();
 });
 
 var _ref34 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '24'
+  size: 'sm',
+  fontSize: 24
 }, "hello");
 
-it('renders the NormalText with variant=small and fontSize=24', function () {
+it('renders the NormalText with size=small and fontSize=24', function () {
   expect(mount(_ref34)).toMatchSnapshot();
 });
 
 var _ref35 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '30'
+  size: 'sm',
+  fontSize: 30
 }, "hello");
 
-it('renders the NormalText with variant=small and fontSize=30', function () {
+it('renders the NormalText with size=small and fontSize=30', function () {
   expect(mount(_ref35)).toMatchSnapshot();
 });
 
 var _ref36 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'lg',
-  fontSize: '36'
+  size: 'lg',
+  fontSize: 36
 }, "hello");
 
-it('renders the NormalText with variant=lead and fontSize=36', function () {
+it('renders the NormalText with size=lead and fontSize=36', function () {
   expect(mount(_ref36)).toMatchSnapshot();
 });
 
 var _ref37 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '48'
+  size: 'sm',
+  fontSize: 48
 }, "hello");
 
-it('renders the NormalText with variant=small and font size fontSize=48', function () {
+it('renders the NormalText with size=small and font size fontSize=48', function () {
   expect(mount(_ref37)).toMatchSnapshot();
 });
 
 var _ref38 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '72'
+  size: 'sm',
+  fontSize: 72
 }, "hello");
 
-it('renders the NormalText with variant=small and font size fontSize=72', function () {
+it('renders the NormalText with size=small and font size fontSize=72', function () {
   expect(mount(_ref38)).toMatchSnapshot();
 });
 
 var _ref39 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '72',
+  size: 'sm',
+  fontSize: 72,
   fontWeight: 'regular'
 }, "hello");
 
-it('renders the NormalText with variant=small, font size fontSize=72 and fontWeight=regular', function () {
+it('renders the NormalText with size=small, font size fontSize=72 and fontWeight=regular', function () {
   expect(mount(_ref39)).toMatchSnapshot();
 });
 
 var _ref40 = /*#__PURE__*/React.createElement(NormalText, {
-  variant: 'sm',
-  fontSize: '72',
+  size: 'sm',
+  fontSize: 72,
   fontWeight: 'bold'
 }, "hello");
 
-it('renders the NormalText with variant=small, font size fontSize=72 and fontWeight=bold', function () {
+it('renders the NormalText with size=small, font size fontSize=72 and fontWeight=bold', function () {
   expect(mount(_ref40)).toMatchSnapshot();
 });

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

@@ -0,0 +1,102 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the PageTitleHeading with no props 1`] = `
+<ForwardRef(PageTitleHeading)>
+  <ForwardRef(Heading)>
+    <ForwardRef(Base)
+      as="h1"
+      className="govgr-heading-xl"
+    >
+      <h1
+        className="govgr-heading-xl"
+      >
+        hello
+      </h1>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
+`;
+
+exports[`renders the PageTitleHeading with size=l 1`] = `
+<ForwardRef(PageTitleHeading)
+  size="lg"
+>
+  <ForwardRef(Heading)
+    size="lg"
+  >
+    <ForwardRef(Base)
+      as="h2"
+      className="govgr-heading-lg"
+    >
+      <h2
+        className="govgr-heading-lg"
+      >
+        hello
+      </h2>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
+`;
+
+exports[`renders the PageTitleHeading with size=m 1`] = `
+<ForwardRef(PageTitleHeading)
+  size="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"
+  >
+    <ForwardRef(Base)
+      as="h4"
+      className="govgr-heading-sm"
+    >
+      <h4
+        className="govgr-heading-sm"
+      >
+        hello
+      </h4>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
+`;
+
+exports[`renders the PageTitleHeading with size=xl 1`] = `
+<ForwardRef(PageTitleHeading)
+  size="xl"
+>
+  <ForwardRef(Heading)
+    size="xl"
+  >
+    <ForwardRef(Base)
+      as="h1"
+      className="govgr-heading-xl"
+    >
+      <h1
+        className="govgr-heading-xl"
+      >
+        hello
+      </h1>
+    </ForwardRef(Base)>
+  </ForwardRef(Heading)>
+</ForwardRef(PageTitleHeading)>
+`;

package/esm/PageTitleCaption/index.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children"];
+import React from 'react';
+import HeadingCaption from '@digigov/react-core/HeadingCaption';
+
+/**
+ * PageTitleCaption will be replaced by HeadingCaption.
+ */
+export var PageTitleCaption = /*#__PURE__*/React.forwardRef(function PageTitleCaption(_ref, ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(HeadingCaption, _extends({
+    ref: ref
+  }, props), children);
+});
+export default PageTitleCaption;

package/esm/PageTitleCaption/index.test.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import PageTitleHeading from '@digigov/react-core/PageTitleHeading';
+
+var _ref = /*#__PURE__*/React.createElement(PageTitleHeading, null, "hello");
+
+it('renders the PageTitleHeading with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(PageTitleHeading, {
+  size: 'xl'
+}, "hello");
+
+it('renders the PageTitleHeading with size=xl', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(PageTitleHeading, {
+  size: 'lg'
+}, "hello");
+
+it('renders the PageTitleHeading with size=l', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(PageTitleHeading, {
+  size: 'md'
+}, "hello");
+
+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/FooterInlineListItem → esm/PageTitleContainer}/index.js

@@ -6,17 +6,17 @@ import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
 
 /**
- * Details for the FooterInlineListItem.
+ * Details for the PageTitleContainer.
  */
-export var FooterInlineListItem = /*#__PURE__*/React.forwardRef(function FooterInlineListItem(_ref, ref) {
+export var PageTitleContainer = /*#__PURE__*/React.forwardRef(function PageTitleContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
-    as: "li",
+    as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-footer__inline-list-item')
+    className: clsx(className, true && 'govgr-page-title')
   }, props), children);
 });
-export default FooterInlineListItem;
+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();
+});