@digigov/react-core 0.17.2 → 0.18.1

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-lg-up"
+  >
+    <div
+      className="govgr-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-md-up"
+  >
+    <div
+      className="govgr-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-sm-up"
+  >
+    <div
+      className="govgr-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-xl-up"
+  >
+    <div
+      className="govgr-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-xs-up"
+  >
+    <div
+      className="govgr-xs-up"
+    >
+      <div>
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Hidden)>
+`;

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

@@ -4,11 +4,16 @@ exports[`renders the Hint with fontSize=14 1`] = `
 <ForwardRef(Hint)
   fontSize="14"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-14 govgr-hint"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-14 govgr-hint"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Hint)>
 `;
 
@@ -16,11 +21,16 @@ exports[`renders the Hint with fontSize=16 1`] = `
 <ForwardRef(Hint)
   fontSize="16"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-16 govgr-hint"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-16 govgr-hint"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Hint)>
 `;
 
@@ -28,20 +38,30 @@ exports[`renders the Hint with fontSize=24 1`] = `
 <ForwardRef(Hint)
   fontSize="24"
 >
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-!-font-size-24 govgr-hint"
   >
-    hello
-  </p>
+    <p
+      className="govgr-!-font-size-24 govgr-hint"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Hint)>
 `;
 
 exports[`renders the Hint with no props 1`] = `
 <ForwardRef(Hint)>
-  <p
+  <ForwardRef(Base)
+    as="p"
     className="govgr-hint"
   >
-    hello
-  </p>
+    <p
+      className="govgr-hint"
+    >
+      hello
+    </p>
+  </ForwardRef(Base)>
 </ForwardRef(Hint)>
 `;

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

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

package/esm/{Label → LabelContainer}/index.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 /**
  * Label component defines a label for several elements at forms.
  */
-export var Label = /*#__PURE__*/React.forwardRef(function Label(_ref, ref) {
+export var LabelContainer = /*#__PURE__*/React.forwardRef(function LabelContainer(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -19,4 +19,4 @@ export var Label = /*#__PURE__*/React.forwardRef(function Label(_ref, ref) {
     className: clsx(className, true && 'govgr-label')
   }, props), children);
 });
-export default Label;
+export default LabelContainer;

package/esm/{Label → LabelContainer}/index.test.js

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

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

@@ -5,13 +5,20 @@ exports[`renders the Label with heading  and size l props 1`] = `
   heading={true}
   size="l"
 >
-  <span
+  <ForwardRef(Base)
     aria-level={1}
+    as="span"
     className="govgr-heading-l"
     role="heading"
   >
-    hello
-  </span>
+    <span
+      aria-level={1}
+      className="govgr-heading-l"
+      role="heading"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
@@ -20,13 +27,20 @@ exports[`renders the Label with heading  and size m props 1`] = `
   heading={true}
   size="m"
 >
-  <span
+  <ForwardRef(Base)
     aria-level={1}
+    as="span"
     className="govgr-heading-m"
     role="heading"
   >
-    hello
-  </span>
+    <span
+      aria-level={1}
+      className="govgr-heading-m"
+      role="heading"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
@@ -35,13 +49,20 @@ exports[`renders the Label with heading  and size xl props 1`] = `
   heading={true}
   size="xl"
 >
-  <span
+  <ForwardRef(Base)
     aria-level={1}
+    as="span"
     className="govgr-heading-xl"
     role="heading"
   >
-    hello
-  </span>
+    <span
+      aria-level={1}
+      className="govgr-heading-xl"
+      role="heading"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
@@ -50,13 +71,20 @@ exports[`renders the Label with heading and size s props 1`] = `
   heading={true}
   size="s"
 >
-  <span
+  <ForwardRef(Base)
     aria-level={1}
+    as="span"
     className="govgr-heading-s"
     role="heading"
   >
-    hello
-  </span>
+    <span
+      aria-level={1}
+      className="govgr-heading-s"
+      role="heading"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
@@ -64,13 +92,20 @@ exports[`renders the Label with heading prop 1`] = `
 <ForwardRef(LabelTitle)
   heading={true}
 >
-  <span
+  <ForwardRef(Base)
     aria-level={1}
+    as="span"
     className=""
     role="heading"
   >
-    hello
-  </span>
+    <span
+      aria-level={1}
+      className=""
+      role="heading"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
@@ -78,11 +113,16 @@ exports[`renders the Label with size l prop 1`] = `
 <ForwardRef(LabelTitle)
   size="l"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-heading-l"
   >
-    hello
-  </span>
+    <span
+      className="govgr-heading-l"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
@@ -90,11 +130,16 @@ exports[`renders the Label with size m prop 1`] = `
 <ForwardRef(LabelTitle)
   size="m"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-heading-m"
   >
-    hello
-  </span>
+    <span
+      className="govgr-heading-m"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
@@ -102,11 +147,16 @@ exports[`renders the Label with size s prop 1`] = `
 <ForwardRef(LabelTitle)
   size="s"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-heading-s"
   >
-    hello
-  </span>
+    <span
+      className="govgr-heading-s"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
@@ -114,20 +164,30 @@ exports[`renders the Label with size xl prop 1`] = `
 <ForwardRef(LabelTitle)
   size="xl"
 >
-  <span
+  <ForwardRef(Base)
+    as="span"
     className="govgr-heading-xl"
   >
-    hello
-  </span>
+    <span
+      className="govgr-heading-xl"
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;
 
 exports[`renders the LabelTitle with no props 1`] = `
 <ForwardRef(LabelTitle)>
-  <span
+  <ForwardRef(Base)
+    as="span"
     className=""
   >
-    hello
-  </span>
+    <span
+      className=""
+    >
+      hello
+    </span>
+  </ForwardRef(Base)>
 </ForwardRef(LabelTitle)>
 `;

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

@@ -2,10 +2,15 @@
 
 exports[`renders the Layout with no props 1`] = `
 <ForwardRef(Layout)>
-  <div
-    className="govgr-layout-wrapper"
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-layout-wrapper__full-height govgr-layout-wrapper"
   >
-    hello
-  </div>
+    <div
+      className="govgr-layout-wrapper__full-height govgr-layout-wrapper"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
 </ForwardRef(Layout)>
 `;

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

@@ -0,0 +1,50 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Link with no props 1`] = `
+<ForwardRef(LinkBase)>
+  <ForwardRef(Base)
+    as="a"
+    className="govgr-link"
+  >
+    <a
+      className="govgr-link"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
+</ForwardRef(LinkBase)>
+`;
+
+exports[`renders the LinkBase with underline=false 1`] = `
+<ForwardRef(LinkBase)
+  underline={false}
+>
+  <ForwardRef(Base)
+    as="a"
+    className="govgr-link--no-underline govgr-link"
+  >
+    <a
+      className="govgr-link--no-underline govgr-link"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
+</ForwardRef(LinkBase)>
+`;
+
+exports[`renders the LinkBase with underline=true 1`] = `
+<ForwardRef(LinkBase)
+  underline={true}
+>
+  <ForwardRef(Base)
+    as="a"
+    className="govgr-link"
+  >
+    <a
+      className="govgr-link"
+    >
+      hello
+    </a>
+  </ForwardRef(Base)>
+</ForwardRef(LinkBase)>
+`;

package/esm/{Link → LinkBase}/index.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 /**
  * This component defines a hyperlink, which is used to link from one page to another.
  */
-export var Link = /*#__PURE__*/React.forwardRef(function Link(_ref, ref) {
+export var LinkBase = /*#__PURE__*/React.forwardRef(function LinkBase(_ref, ref) {
   var underline = _ref.underline,
       className = _ref.className,
       children = _ref.children,
@@ -20,4 +20,4 @@ export var Link = /*#__PURE__*/React.forwardRef(function Link(_ref, ref) {
     className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link')
   }, props), children);
 });
-export default Link;
+export default LinkBase;

package/esm/LinkBase/index.test.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import LinkBase from '@digigov/react-core/LinkBase';
+
+var _ref = /*#__PURE__*/React.createElement(LinkBase, null, "hello");
+
+it('renders the Link with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(LinkBase, {
+  underline: true
+}, "hello");
+
+it('renders the LinkBase with underline=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(LinkBase, {
+  underline: false
+}, "hello");
+
+it('renders the LinkBase with underline=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});