@digigov/react-core 1.0.0-002c630d → 1.0.0-21c8c3dc

package/esm/Heading/index.test.js

@@ -20,7 +20,7 @@ var _ref3 = /*#__PURE__*/React.createElement(Heading, {
   size: 'lg'
 }, "hello");
 
-it('renders the Heading with size=l', function () {
+it('renders the Heading with size=lg', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
@@ -28,7 +28,7 @@ var _ref4 = /*#__PURE__*/React.createElement(Heading, {
   size: 'md'
 }, "hello");
 
-it('renders the Heading with size=m', function () {
+it('renders the Heading with size=md', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
@@ -36,114 +36,131 @@ var _ref5 = /*#__PURE__*/React.createElement(Heading, {
   size: 'sm'
 }, "hello");
 
-it('renders the Heading with size=s', function () {
+it('renders the Heading with size=sm', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(Heading, {
+  size: 'xs'
+}, "hello");
+
+it('renders the Heading with size=xs', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(Heading, {
   size: 'sm',
   element: "h2"
 }, "hello");
 
 it('renders the Heading with size=s and element h2', function () {
-  expect(mount(_ref6)).toMatchSnapshot();
+  expect(mount(_ref7)).toMatchSnapshot();
 });
 
-var _ref7 = /*#__PURE__*/React.createElement(Heading, {
+var _ref8 = /*#__PURE__*/React.createElement(Heading, {
   size: 'sm',
   element: "h3"
 }, "hello");
 
 it('renders the Heading with size=s and element h3', function () {
-  expect(mount(_ref7)).toMatchSnapshot();
+  expect(mount(_ref8)).toMatchSnapshot();
 });
 
-var _ref8 = /*#__PURE__*/React.createElement(Heading, {
+var _ref9 = /*#__PURE__*/React.createElement(Heading, {
   size: 'sm',
   element: "h4"
 }, "hello");
 
 it('renders the Heading with size=s and element h4', function () {
-  expect(mount(_ref8)).toMatchSnapshot();
+  expect(mount(_ref9)).toMatchSnapshot();
 });
 
-var _ref9 = /*#__PURE__*/React.createElement(Heading, {
+var _ref10 = /*#__PURE__*/React.createElement(Heading, {
   size: 'md',
   element: "h2"
 }, "hello");
 
 it('renders the Heading with size=m and element h2', function () {
-  expect(mount(_ref9)).toMatchSnapshot();
+  expect(mount(_ref10)).toMatchSnapshot();
 });
 
-var _ref10 = /*#__PURE__*/React.createElement(Heading, {
+var _ref11 = /*#__PURE__*/React.createElement(Heading, {
   size: 'md',
   element: "h3"
 }, "hello");
 
 it('renders the Heading with size=m and element h3', function () {
-  expect(mount(_ref10)).toMatchSnapshot();
+  expect(mount(_ref11)).toMatchSnapshot();
 });
 
-var _ref11 = /*#__PURE__*/React.createElement(Heading, {
+var _ref12 = /*#__PURE__*/React.createElement(Heading, {
   size: 'md',
   element: "h4"
 }, "hello");
 
 it('renders the Heading with size=m and element h4', function () {
-  expect(mount(_ref11)).toMatchSnapshot();
+  expect(mount(_ref12)).toMatchSnapshot();
 });
 
-var _ref12 = /*#__PURE__*/React.createElement(Heading, {
+var _ref13 = /*#__PURE__*/React.createElement(Heading, {
   size: 'lg',
   element: "h2"
 }, "hello");
 
 it('renders the Heading with size=l and element h2', function () {
-  expect(mount(_ref12)).toMatchSnapshot();
+  expect(mount(_ref13)).toMatchSnapshot();
 });
 
-var _ref13 = /*#__PURE__*/React.createElement(Heading, {
+var _ref14 = /*#__PURE__*/React.createElement(Heading, {
   size: 'lg',
   element: "h3"
 }, "hello");
 
 it('renders the Heading with size=l and element h3', function () {
-  expect(mount(_ref13)).toMatchSnapshot();
+  expect(mount(_ref14)).toMatchSnapshot();
 });
 
-var _ref14 = /*#__PURE__*/React.createElement(Heading, {
+var _ref15 = /*#__PURE__*/React.createElement(Heading, {
   size: 'lg',
   element: "h4"
 }, "hello");
 
 it('renders the Heading with size=l and element h4', function () {
-  expect(mount(_ref14)).toMatchSnapshot();
+  expect(mount(_ref15)).toMatchSnapshot();
 });
 
-var _ref15 = /*#__PURE__*/React.createElement(Heading, {
+var _ref16 = /*#__PURE__*/React.createElement(Heading, {
   size: 'xl',
   element: "h2"
 }, "hello");
 
 it('renders the Heading with size=xl and element h2', function () {
-  expect(mount(_ref15)).toMatchSnapshot();
+  expect(mount(_ref16)).toMatchSnapshot();
 });
 
-var _ref16 = /*#__PURE__*/React.createElement(Heading, {
+var _ref17 = /*#__PURE__*/React.createElement(Heading, {
   size: 'xl',
   element: "h3"
 }, "hello");
 
 it('renders the Heading with size=xl and element h3', function () {
-  expect(mount(_ref16)).toMatchSnapshot();
+  expect(mount(_ref17)).toMatchSnapshot();
 });
 
-var _ref17 = /*#__PURE__*/React.createElement(Heading, {
+var _ref18 = /*#__PURE__*/React.createElement(Heading, {
   size: 'xl',
   element: "h4"
 }, "hello");
 
 it('renders the Heading with size=xl and element h4', function () {
-  expect(mount(_ref17)).toMatchSnapshot();
+  expect(mount(_ref18)).toMatchSnapshot();
+});
+
+var _ref19 = /*#__PURE__*/React.createElement(Heading, {
+  size: 'xs',
+  element: "h4"
+}, "hello");
+
+it('renders the Heading with size=xs and element h4', function () {
+  expect(mount(_ref19)).toMatchSnapshot();
 });

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

@@ -2,16 +2,21 @@
 
 exports[`renders the HeadingCaption with no props 1`] = `
 <ForwardRef(HeadingCaption)>
-  <ForwardRef(Base)
+  <ForwardRef(Typography)
     as="span"
     className="govgr-caption-lg"
   >
-    <span
+    <ForwardRef(Base)
+      as="span"
       className="govgr-caption-lg"
     >
-      hello
-    </span>
-  </ForwardRef(Base)>
+      <span
+        className="govgr-caption-lg"
+      >
+        hello
+      </span>
+    </ForwardRef(Base)>
+  </ForwardRef(Typography)>
 </ForwardRef(HeadingCaption)>
 `;
 
@@ -19,16 +24,21 @@ exports[`renders the HeadingCaption with size=l 1`] = `
 <ForwardRef(HeadingCaption)
   size="lg"
 >
-  <ForwardRef(Base)
+  <ForwardRef(Typography)
     as="span"
     className="govgr-caption-lg"
   >
-    <span
+    <ForwardRef(Base)
+      as="span"
       className="govgr-caption-lg"
     >
-      hello
-    </span>
-  </ForwardRef(Base)>
+      <span
+        className="govgr-caption-lg"
+      >
+        hello
+      </span>
+    </ForwardRef(Base)>
+  </ForwardRef(Typography)>
 </ForwardRef(HeadingCaption)>
 `;
 
@@ -36,16 +46,21 @@ exports[`renders the HeadingCaption with size=m 1`] = `
 <ForwardRef(HeadingCaption)
   size="md"
 >
-  <ForwardRef(Base)
+  <ForwardRef(Typography)
     as="span"
     className="govgr-caption-md"
   >
-    <span
+    <ForwardRef(Base)
+      as="span"
       className="govgr-caption-md"
     >
-      hello
-    </span>
-  </ForwardRef(Base)>
+      <span
+        className="govgr-caption-md"
+      >
+        hello
+      </span>
+    </ForwardRef(Base)>
+  </ForwardRef(Typography)>
 </ForwardRef(HeadingCaption)>
 `;
 
@@ -53,15 +68,20 @@ exports[`renders the HeadingCaption with size=xl 1`] = `
 <ForwardRef(HeadingCaption)
   size="xl"
 >
-  <ForwardRef(Base)
+  <ForwardRef(Typography)
     as="span"
     className="govgr-caption-xl"
   >
-    <span
+    <ForwardRef(Base)
+      as="span"
       className="govgr-caption-xl"
     >
-      hello
-    </span>
-  </ForwardRef(Base)>
+      <span
+        className="govgr-caption-xl"
+      >
+        hello
+      </span>
+    </ForwardRef(Base)>
+  </ForwardRef(Typography)>
 </ForwardRef(HeadingCaption)>
 `;

package/esm/HeadingCaption/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["size", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Typography from '@digigov/react-core/Typography';
 
 /**
  * Sometimes you may need to make it clear that a page is part of a larger section or group.
@@ -16,10 +16,10 @@ export var HeadingCaption = /*#__PURE__*/React.forwardRef(function HeadingCaptio
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     as: "span",
     ref: ref,
-    className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'lg' && 'govgr-caption-lg', size === 'md' && 'govgr-caption-md')
+    className: clsx(className, size !== undefined && "govgr-caption-".concat(size))
   }, props), children);
 });
 export default HeadingCaption;

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

@@ -0,0 +1,96 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Hidden with \`lgUp\` props 1`] = `
+<ForwardRef(Hidden)
+  lgUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-lg--up"
+  >
+    <div
+      className="govgr-hidden-lg--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;
+
+exports[`renders the Hidden with \`mdUp\` props 1`] = `
+<ForwardRef(Hidden)
+  mdUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-md--up"
+  >
+    <div
+      className="govgr-hidden-md--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;
+
+exports[`renders the Hidden with \`smUp\` props 1`] = `
+<ForwardRef(Hidden)
+  smUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-sm--up"
+  >
+    <div
+      className="govgr-hidden-sm--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;
+
+exports[`renders the Hidden with \`xlUp\` props 1`] = `
+<ForwardRef(Hidden)
+  xlUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-xl--up"
+  >
+    <div
+      className="govgr-hidden-xl--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;
+
+exports[`renders the Hidden with \`xsUp\` props 1`] = `
+<ForwardRef(Hidden)
+  xsUp={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-hidden-xs--up"
+  >
+    <div
+      className="govgr-hidden-xs--up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;

package/esm/Hidden/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
+var _excluded = ["className", "children", "xsUp", "smUp", "mdUp", "lgUp", "xlUp"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -13,16 +13,12 @@ import Base from '@digigov/react-core/Base';
 export var Hidden = /*#__PURE__*/React.forwardRef(function Hidden(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
-      _ref$lgUp = _ref.lgUp,
-      lgUp = _ref$lgUp === void 0 ? false : _ref$lgUp,
-      _ref$mdUp = _ref.mdUp,
-      mdUp = _ref$mdUp === void 0 ? false : _ref$mdUp,
-      _ref$smUp = _ref.smUp,
-      smUp = _ref$smUp === void 0 ? false : _ref$smUp,
-      _ref$xlUp = _ref.xlUp,
-      xlUp = _ref$xlUp === void 0 ? false : _ref$xlUp,
       _ref$xsUp = _ref.xsUp,
       xsUp = _ref$xsUp === void 0 ? false : _ref$xsUp,
+      smUp = _ref.smUp,
+      mdUp = _ref.mdUp,
+      lgUp = _ref.lgUp,
+      xlUp = _ref.xlUp,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({

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

@@ -2,66 +2,89 @@
 
 exports[`renders the Hint with fontSize=14 1`] = `
 <ForwardRef(Hint)
-  fontSize="14"
+  fontSize={14}
 >
-  <ForwardRef(Base)
+  <ForwardRef(Typography)
     as="p"
-    className="govgr-!-font-size-14 govgr-hint"
+    className="govgr-hint"
+    fontSize={14}
   >
-    <p
-      className="govgr-!-font-size-14 govgr-hint"
+    <ForwardRef(Base)
+      as="p"
+      className="govgr-hint govgr-!-font-size-14"
     >
-      hello
-    </p>
-  </ForwardRef(Base)>
+      <p
+        className="govgr-hint govgr-!-font-size-14"
+      >
+        hello
+      </p>
+    </ForwardRef(Base)>
+  </ForwardRef(Typography)>
 </ForwardRef(Hint)>
 `;
 
 exports[`renders the Hint with fontSize=16 1`] = `
 <ForwardRef(Hint)
-  fontSize="16"
+  fontSize={16}
 >
-  <ForwardRef(Base)
+  <ForwardRef(Typography)
     as="p"
-    className="govgr-!-font-size-16 govgr-hint"
+    className="govgr-hint"
+    fontSize={16}
   >
-    <p
-      className="govgr-!-font-size-16 govgr-hint"
+    <ForwardRef(Base)
+      as="p"
+      className="govgr-hint govgr-!-font-size-16"
     >
-      hello
-    </p>
-  </ForwardRef(Base)>
+      <p
+        className="govgr-hint govgr-!-font-size-16"
+      >
+        hello
+      </p>
+    </ForwardRef(Base)>
+  </ForwardRef(Typography)>
 </ForwardRef(Hint)>
 `;
 
 exports[`renders the Hint with fontSize=24 1`] = `
 <ForwardRef(Hint)
-  fontSize="24"
+  fontSize={24}
 >
-  <ForwardRef(Base)
+  <ForwardRef(Typography)
     as="p"
-    className="govgr-!-font-size-24 govgr-hint"
+    className="govgr-hint"
+    fontSize={24}
   >
-    <p
-      className="govgr-!-font-size-24 govgr-hint"
+    <ForwardRef(Base)
+      as="p"
+      className="govgr-hint govgr-!-font-size-24"
     >
-      hello
-    </p>
-  </ForwardRef(Base)>
+      <p
+        className="govgr-hint govgr-!-font-size-24"
+      >
+        hello
+      </p>
+    </ForwardRef(Base)>
+  </ForwardRef(Typography)>
 </ForwardRef(Hint)>
 `;
 
 exports[`renders the Hint with no props 1`] = `
 <ForwardRef(Hint)>
-  <ForwardRef(Base)
+  <ForwardRef(Typography)
     as="p"
     className="govgr-hint"
   >
-    <p
+    <ForwardRef(Base)
+      as="p"
       className="govgr-hint"
     >
-      hello
-    </p>
-  </ForwardRef(Base)>
+      <p
+        className="govgr-hint"
+      >
+        hello
+      </p>
+    </ForwardRef(Base)>
+  </ForwardRef(Typography)>
 </ForwardRef(Hint)>
 `;

package/esm/Hint/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["fontSize", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from '@digigov/react-core/Base';
+import Typography from '@digigov/react-core/Typography';
 
 /**
  * Hint component can be used in form pages and it gives an extra hint description to the form.
@@ -14,10 +14,11 @@ export var Hint = /*#__PURE__*/React.forwardRef(function Hint(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(Base, _extends({
+  return /*#__PURE__*/React.createElement(Typography, _extends({
     as: "p",
+    fontSize: fontSize,
     ref: ref,
-    className: clsx(className, fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '24' && 'govgr-!-font-size-24', true && 'govgr-hint')
+    className: clsx(className, true && 'govgr-hint')
   }, props), children);
 });
 export default Hint;

package/esm/Hint/index.test.js

@@ -9,7 +9,7 @@ it('renders the Hint with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(Hint, {
-  fontSize: "14"
+  fontSize: 14
 }, "hello");
 
 it('renders the Hint with fontSize=14', function () {
@@ -17,7 +17,7 @@ it('renders the Hint with fontSize=14', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Hint, {
-  fontSize: "16"
+  fontSize: 16
 }, "hello");
 
 it('renders the Hint with fontSize=16', function () {
@@ -25,7 +25,7 @@ it('renders the Hint with fontSize=16', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(Hint, {
-  fontSize: "24"
+  fontSize: 24
 }, "hello");
 
 it('renders the Hint with fontSize=24', function () {

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

@@ -0,0 +1,36 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Hint with  variant and src props 1`] = `
+<ForwardRef(ImageLogo)
+  src="logo.png"
+  variant="dark"
+>
+  <ForwardRef(Base)
+    as="img"
+    className="govgr-image-logo--dark"
+    src="logo.png"
+  >
+    <img
+      className="govgr-image-logo--dark"
+      src="logo.png"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(ImageLogo)>
+`;
+
+exports[`renders the Hint with src prop 1`] = `
+<ForwardRef(ImageLogo)
+  src="logo.png"
+>
+  <ForwardRef(Base)
+    as="img"
+    className="govgr-image-logo--light"
+    src="logo.png"
+  >
+    <img
+      className="govgr-image-logo--light"
+      src="logo.png"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(ImageLogo)>
+`;

package/esm/ImageLogo/index.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["lang", "src", "variant", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+
+/**
+ * ImageLogo is used as a generic component for digigov images.
+ * This component can't have children.
+ */
+export var ImageLogo = /*#__PURE__*/React.forwardRef(function ImageLogo(_ref, ref) {
+  var lang = _ref.lang,
+      src = _ref.src,
+      variant = _ref.variant,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  console.log('src is', src);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "img",
+    src: src,
+    ref: ref,
+    printHidden: true,
+    className: clsx(className, variant === undefined && 'govgr-image-logo', variant !== undefined && "govgr-image-logo--".concat(variant))
+  }, props)));
+});
+export default ImageLogo;

package/esm/ImageLogo/index.test.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ImageLogo from '@digigov/react-core/ImageLogo';
+
+var _ref = /*#__PURE__*/React.createElement(ImageLogo, {
+  src: "logo.png"
+});
+
+it('renders the Hint with src prop', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(ImageLogo, {
+  variant: "dark",
+  src: "logo.png"
+});
+
+it('renders the Hint with  variant and src props', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});