@digigov/react-core 1.0.0-6b93ebf2 → 1.0.0-77ee23d9

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/NotificationBannerHeader/__snapshots__/index.test.tsx.snap

@@ -15,17 +15,23 @@ exports[`renders the NotificationBannerHeader with no props 1`] = `
         marginBottom={0}
         size="sm"
       >
-        <ForwardRef(Base)
+        <ForwardRef(Typography)
           as="h2"
           className="govgr-notification-banner__title govgr-heading-sm"
           marginBottom={0}
         >
-          <h2
-            className="govgr-notification-banner__title govgr-heading-sm govgr-mb-0"
+          <ForwardRef(Base)
+            as="h2"
+            className="govgr-notification-banner__title govgr-heading-sm"
+            marginBottom={0}
           >
-            hello
-          </h2>
-        </ForwardRef(Base)>
+            <h2
+              className="govgr-notification-banner__title govgr-heading-sm govgr-mb-0"
+            >
+              hello
+            </h2>
+          </ForwardRef(Base)>
+        </ForwardRef(Typography)>
       </ForwardRef(Heading)>
     </div>
   </ForwardRef(Base)>

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

@@ -7,16 +7,21 @@ exports[`renders the NotificationBannerHeading with no props 1`] = `
     element="h3"
     size="md"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h3"
       className="govgr-notification-banner__heading govgr-heading-md"
     >
-      <h3
+      <ForwardRef(Base)
+        as="h3"
         className="govgr-notification-banner__heading govgr-heading-md"
       >
-        hello
-      </h3>
-    </ForwardRef(Base)>
+        <h3
+          className="govgr-notification-banner__heading govgr-heading-md"
+        >
+          hello
+        </h3>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(NotificationBannerHeading)>
 `;

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

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