@digigov/react-core 1.0.0-290a96e2 → 1.0.0-3bfc7d37

package/es/Blockquote/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,13 +10,14 @@ import Base from '@digigov/react-core/Base';
  */
 export var Blockquote = /*#__PURE__*/React.forwardRef(function Blockquote(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "blockquote",
     ref: ref,
-    className: clsx(className, true && 'govgr-blockquote')
+    className: clsx(className, dense && 'govgr-blockquote--dense', true && 'govgr-blockquote')
   }, props), children);
 });
 export default Blockquote;

package/es/Blockquote/index.test.js

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

package/es/Card/__snapshots__/index.test.tsx.snap

@@ -21,6 +21,27 @@ exports[`renders the Card with callToActon props 1`] = `
 </ForwardRef(Card)>
 `;
 
+exports[`renders the Card with dense props 1`] = `
+<ForwardRef(Card)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-card--dense govgr-card"
+  >
+    <div
+      className="govgr-card--dense govgr-card"
+    >
+      <div
+        className="govgr-card__body"
+      >
+        hello
+      </div>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(Card)>
+`;
+
 exports[`renders the Card with no props 1`] = `
 <ForwardRef(Card)>
   <ForwardRef(Base)

package/es/Card/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "borderColor", "callToAction", "className", "children"];
+var _excluded = ["variant", "borderColor", "callToAction", "dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -14,6 +14,7 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
   var variant = _ref.variant,
       borderColor = _ref.borderColor,
       callToAction = _ref.callToAction,
+      dense = _ref.dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -21,7 +22,7 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'light' && 'govgr-card--border-light', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', true && 'govgr-card')
+    className: clsx(className, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'light' && 'govgr-card--border-light', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', dense && 'govgr-card--dense', true && 'govgr-card')
   }, props), /*#__PURE__*/React.createElement("div", {
     className: clsx(true && 'govgr-card__body')
   }, children));

package/es/Card/index.test.js

@@ -17,71 +17,79 @@ it('renders the Card with callToActon props', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(Card, {
-  variant: "border"
+  dense: true
 }, "hello");
 
-it('renders the Card with variant="border" props', function () {
+it('renders the Card with dense props', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(Card, {
-  variant: "divider"
+  variant: "border"
 }, "hello");
 
-it('renders the Card with variant="divider" props', function () {
+it('renders the Card with variant="border" props', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(Card, {
-  variant: "border-top"
+  variant: "divider"
 }, "hello");
 
-it('renders the Card with variant="border-top" props', function () {
+it('renders the Card with variant="divider" props', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(Card, {
+  variant: "border-top"
+}, "hello");
+
+it('renders the Card with variant="border-top" props', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(Card, {
   variant: "border",
   borderColor: "dark"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="dark" props', function () {
-  expect(mount(_ref6)).toMatchSnapshot();
+  expect(mount(_ref7)).toMatchSnapshot();
 });
 
-var _ref7 = /*#__PURE__*/React.createElement(Card, {
+var _ref8 = /*#__PURE__*/React.createElement(Card, {
   variant: "border",
   borderColor: "light"
 }, "hello");
 
 it('renders the Card with variant="border" and borderColor="light" props', function () {
-  expect(mount(_ref7)).toMatchSnapshot();
+  expect(mount(_ref8)).toMatchSnapshot();
 });
 
-var _ref8 = /*#__PURE__*/React.createElement(Card, {
+var _ref9 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "dark"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" props', function () {
-  expect(mount(_ref8)).toMatchSnapshot();
+  expect(mount(_ref9)).toMatchSnapshot();
 });
 
-var _ref9 = /*#__PURE__*/React.createElement(Card, {
+var _ref10 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "light"
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="light" props', function () {
-  expect(mount(_ref9)).toMatchSnapshot();
+  expect(mount(_ref10)).toMatchSnapshot();
 });
 
-var _ref10 = /*#__PURE__*/React.createElement(Card, {
+var _ref11 = /*#__PURE__*/React.createElement(Card, {
   variant: "border-top",
   borderColor: "dark",
   callToAction: true
 }, "hello");
 
 it('renders the Card with variant="border-top" and borderColor="dark" callToAction props', function () {
-  expect(mount(_ref10)).toMatchSnapshot();
+  expect(mount(_ref11)).toMatchSnapshot();
 });

package/es/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/es/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/es/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();
+});

package/es/ImageLogoSet/__snapshots__/index.test.tsx.snap

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

package/es/ImageLogoSet/index.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["lang", "src", "variants", "className", "children"];
+import React from 'react';
+import ImageLogo from '@digigov/react-core/ImageLogo';
+
+/**
+ * ImageLogoSet is used as image inverter depending the theme (dark, light).
+ * This component can't have children.
+ */
+export var ImageLogoSet = /*#__PURE__*/React.forwardRef(function ImageLogoSet(_ref, ref) {
+  var lang = _ref.lang,
+      src = _ref.src,
+      _ref$variants = _ref.variants,
+      variants = _ref$variants === void 0 ? ['dark', 'light'] : _ref$variants,
+      className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, variants.map(function (variant) {
+    var imageSrc = src === null || src === void 0 ? void 0 : src.replace(/(\.[^\.]+)$/, "--".concat(variant, "$1"));
+    return /*#__PURE__*/React.createElement(ImageLogo, _extends({
+      key: variant,
+      ref: ref,
+      variant: variant,
+      src: imageSrc
+    }, props));
+  }));
+});
+export default ImageLogoSet;

package/es/ImageLogoSet/index.test.js

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

package/es/RadioItem/__snapshots__/index.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`renders the RadioItem  \`divider\` props 1`] = `
 <ForwardRef(RadioItem)
-  divider="ή"
+  dividerText="ή"
 >
   <ForwardRef(ChoiceDividerText)>
     <ForwardRef(Base)
@@ -91,7 +91,7 @@ exports[`renders the RadioItem  value props 1`] = `
 exports[`renders the RadioItem with \`name\`, \`disabled\`, \`divider\` and \`value\` props 1`] = `
 <ForwardRef(RadioItem)
   disabled={true}
-  divider="ή"
+  dividerText="ή"
   name="name"
   value="someValue"
 >

package/es/RadioItem/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["divider", "name", "value", "className", "disabled", "children"];
+var _excluded = ["dividerText", "name", "value", "className", "disabled", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -12,7 +12,7 @@ import LabelContainer from '@digigov/react-core/LabelContainer';
  * RadioItem component must be included inside Radio component, as a children component.
  */
 export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, ref) {
-  var divider = _ref.divider,
+  var dividerText = _ref.dividerText,
       name = _ref.name,
       value = _ref.value,
       className = _ref.className,
@@ -21,7 +21,7 @@ export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, divider && /*#__PURE__*/React.createElement(ChoiceDividerText, null, divider), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, dividerText && /*#__PURE__*/React.createElement(ChoiceDividerText, null, dividerText), /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/React.createElement(LabelContainer, {
     className: clsx(disabled && 'govgr-radios__label--disabled', true && 'govgr-radios__label')

package/es/RadioItem/index.test.js

@@ -25,10 +25,10 @@ it('renders the RadioItem  value props', function () {
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(RadioItem, {
-  divider: 'ή'
+  dividerText: 'ή'
 }, "hello");
 
-it('renders the RadioItem  `divider` props', function () {
+it('renders the RadioItem  `dividerText` props', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
@@ -62,10 +62,10 @@ it('renders the RadioItem with name disabled and value props', function () {
 var _ref8 = /*#__PURE__*/React.createElement(RadioItem, {
   name: 'name',
   value: 'someValue',
-  divider: 'ή',
+  dividerText: 'ή',
   disabled: true
 }, "hello");
 
-it('renders the RadioItem with `name`, `disabled`, `divider` and `value` props', function () {
+it('renders the RadioItem with `name`, `disabled`, `dividerText` and `value` props', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });

package/es/StepNav/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the StepNav with dense props 1`] = `
+<ForwardRef(StepNav)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-step--dense govgr-step-nav"
+  >
+    <div
+      className="govgr-step--dense govgr-step-nav"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(StepNav)>
+`;
+
 exports[`renders the StepNav with no props 1`] = `
 <ForwardRef(StepNav)>
   <ForwardRef(Base)

package/es/StepNav/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -11,13 +11,14 @@ import Base from '@digigov/react-core/Base';
  */
 export var StepNav = /*#__PURE__*/React.forwardRef(function StepNav(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-step-nav')
+    className: clsx(className, dense && 'govgr-step-nav--dense', true && 'govgr-step-nav')
   }, props), children);
 });
 export default StepNav;

package/es/StepNav/index.test.js

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

package/es/TaskList/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the TaskList with dense prop 1`] = `
+<ForwardRef(TaskList)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="ol"
+    className="govgr-task--dense govgr-task-list"
+  >
+    <ol
+      className="govgr-task--dense govgr-task-list"
+    >
+      hello
+    </ol>
+  </ForwardRef(Base)>
+</ForwardRef(TaskList)>
+`;
+
 exports[`renders the TaskList with no prop 1`] = `
 <ForwardRef(TaskList)>
   <ForwardRef(Base)

package/es/TaskList/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -11,13 +11,14 @@ import Base from '@digigov/react-core/Base';
  */
 export var TaskList = /*#__PURE__*/React.forwardRef(function TaskList(_ref, ref) {
   var className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "ol",
     ref: ref,
-    className: clsx(className, true && 'govgr-task-list')
+    className: clsx(className, dense && 'govgr-task-list--dense', true && 'govgr-task-list')
   }, props), children);
 });
 export default TaskList;

package/es/TaskList/index.test.js

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

package/es/Timeline/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the Timeline with dense prop 1`] = `
+<ForwardRef(Timeline)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="ol"
+    className="govgr-timeline--dense govgr-timeline"
+  >
+    <ol
+      className="govgr-timeline--dense govgr-timeline"
+    >
+      hello
+    </ol>
+  </ForwardRef(Base)>
+</ForwardRef(Timeline)>
+`;
+
 exports[`renders the Timeline with no prop 1`] = `
 <ForwardRef(Timeline)>
   <ForwardRef(Base)