@digigov/react-core 1.0.0-rc.4 → 1.0.0-rc.6

package/cjs/SelectContainer/index.test/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _SelectContainer = _interopRequireDefault(require("@digigov/react-core/SelectContainer"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_SelectContainer["default"], null, "hello");
+it('renders the SelectContainer with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_SelectContainer["default"], {
+  name: 'some-name'
+}, "hello");
+it('renders the SelectContainer with name props', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_SelectContainer["default"], {
+  dense: true
+}, "hello");
+it('renders the SelectContainer with dense prop', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_SelectContainer["default"], {
+  name: 'some-name',
+  defaultValue: 'some-value'
+}, "hello");
+it('renders the SelectContainer with name and defaultValue', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});

package/cjs/SelectOption/index.js

@@ -1,39 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SelectOption = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Base = _interopRequireDefault(require("../Base"));
-
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 var _excluded = ["className", "children"];
-
 /**
  * SelectOption component is used for display options value.
  * SelectOption component must be included inside Select component as children component
  */
-var SelectOption = /*#__PURE__*/_react["default"].forwardRef(function SelectOption(_ref, ref) {
+var SelectOption = exports.SelectOption = /*#__PURE__*/_react["default"].forwardRef(function SelectOption(_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "option",
     ref: ref,
     className: (0, _clsx["default"])(className, true && 'govgr-select__option')
   }, props), children);
 });
-
-exports.SelectOption = SelectOption;
-var _default = SelectOption;
-exports["default"] = _default;
+var _default = exports["default"] = SelectOption;

package/cjs/SelectOption/index.test/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _SelectOption = _interopRequireDefault(require("@digigov/react-core/SelectOption"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_SelectOption["default"], null, "hello");
+it('renders the SelectOption with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_SelectOption["default"], {
+  value: 'some-value'
+}, "hello");
+it('renders the SelectOption with value props', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});

package/cjs/SingleCharacterInput/index.js

@@ -1,34 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SingleCharacterInput = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
-var _TextInput = _interopRequireDefault(require("../TextInput"));
-
+var _TextInput = _interopRequireDefault(require("@digigov/react-core/TextInput"));
 var _excluded = ["className", "pattern"];
-
 /**
  * Details for the SingleCharacterInput.
  * SingleCharacterInput component is used for displaying simple digital character inputs.
  * SingleCharacterInput component must be included inside SingleCharacterInputs component as children component
  */
-var SingleCharacterInput = /*#__PURE__*/_react["default"].forwardRef(function SingleCharacterInput(_ref, ref) {
+var SingleCharacterInput = exports.SingleCharacterInput = /*#__PURE__*/_react["default"].forwardRef(function SingleCharacterInput(_ref, ref) {
   var className = _ref.className,
-      _ref$pattern = _ref.pattern,
-      pattern = _ref$pattern === void 0 ? '[0-9]*' : _ref$pattern,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    _ref$pattern = _ref.pattern,
+    pattern = _ref$pattern === void 0 ? '[0-9]*' : _ref$pattern,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({
     className: (0, _clsx["default"])(className && className, true && 'govgr-single-character-input__item'),
     inputMode: "numeric",
@@ -38,7 +30,4 @@ var SingleCharacterInput = /*#__PURE__*/_react["default"].forwardRef(function Si
     maxLength: 1
   }));
 });
-
-exports.SingleCharacterInput = SingleCharacterInput;
-var _default = SingleCharacterInput;
-exports["default"] = _default;
+var _default = exports["default"] = SingleCharacterInput;

package/cjs/SingleCharacterInput/index.test/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _SingleCharacterInput = _interopRequireDefault(require("@digigov/react-core/SingleCharacterInput"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInput["default"], null);
+it('renders the SingleCharacterInput with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInput["default"], {
+  name: 'single-character-input'
+});
+it('renders the SingleCharacterInput with name prop', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInput["default"], {
+  name: 'single-character-input',
+  error: true
+});
+it('renders the SingleCharacterInput with name and error props', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInput["default"], {
+  pattern: "\\d{1}"
+});
+it('renders the SingleCharacterInput with pattern prop', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInput["default"], {
+  name: 'single-character-input',
+  error: true
+});
+it('renders the SingleCharacterInput with name and error props', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInput["default"], {
+  name: 'single-character-input',
+  pattern: "\\d{1}",
+  error: true
+});
+it('renders the SingleCharacterInput with name, pattern, maxLength and error props', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});

package/cjs/SingleCharacterInputs/index.js

@@ -1,40 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SingleCharacterInputs = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Base = _interopRequireDefault(require("../Base"));
-
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 var _excluded = ["className", "children"];
-
 /**
  * Details for the SingleCharacterInputs.
  * It is used as a parent component to wrap SingleCharacterInput component.
  *
  */
-var SingleCharacterInputs = /*#__PURE__*/_react["default"].forwardRef(function SingleCharacterInputs(_ref, ref) {
+var SingleCharacterInputs = exports.SingleCharacterInputs = /*#__PURE__*/_react["default"].forwardRef(function SingleCharacterInputs(_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
     className: (0, _clsx["default"])(className, true && 'govgr-single-character-input')
   }, props), children);
 });
-
-exports.SingleCharacterInputs = SingleCharacterInputs;
-var _default = SingleCharacterInputs;
-exports["default"] = _default;
+var _default = exports["default"] = SingleCharacterInputs;

package/cjs/SingleCharacterInputs/index.test/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _SingleCharacterInputs = _interopRequireDefault(require("@digigov/react-core/SingleCharacterInputs"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_SingleCharacterInputs["default"], null, "hello");
+it('renders the SingleCharacterInputs with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});

package/cjs/SkipLink/index.js

@@ -1,33 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SkipLink = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Base = _interopRequireDefault(require("../Base"));
-
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 var _excluded = ["className", "children", "href"];
-
 /**
  * Use the skip link component to help keyboard-only users skip to the main content on a page.
  */
-var SkipLink = /*#__PURE__*/_react["default"].forwardRef(function SkipLink(_ref, ref) {
+var SkipLink = exports.SkipLink = /*#__PURE__*/_react["default"].forwardRef(function SkipLink(_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '#main-content' : _ref$href,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    children = _ref.children,
+    _ref$href = _ref.href,
+    href = _ref$href === void 0 ? '#main-content' : _ref$href,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "a",
     tabIndex: 0,
@@ -36,7 +28,4 @@ var SkipLink = /*#__PURE__*/_react["default"].forwardRef(function SkipLink(_ref,
     className: (0, _clsx["default"])(className, true && 'govgr-skip-link')
   }, props), children);
 });
-
-exports.SkipLink = SkipLink;
-var _default = SkipLink;
-exports["default"] = _default;
+var _default = exports["default"] = SkipLink;

package/cjs/SkipLink/index.test/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _SkipLink = _interopRequireDefault(require("@digigov/react-core/SkipLink"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_SkipLink["default"], null, "hello");
+it('renders the SkipLink with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});

package/cjs/Stack/index.js

@@ -1,45 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Stack = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Base = _interopRequireDefault(require("../Base"));
-
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 var _excluded = ["direction", "justifyContent", "alignItems", "alignContent", "spacing", "flexWrap", "className", "children"];
-
 /**
  * ...
  */
-var Stack = /*#__PURE__*/_react["default"].forwardRef(function Stack(_ref, ref) {
+var Stack = exports.Stack = /*#__PURE__*/_react["default"].forwardRef(function Stack(_ref, ref) {
   var _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'column' : _ref$direction,
-      justifyContent = _ref.justifyContent,
-      alignItems = _ref.alignItems,
-      alignContent = _ref.alignContent,
-      spacing = _ref.spacing,
-      flexWrap = _ref.flexWrap,
-      className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    direction = _ref$direction === void 0 ? 'column' : _ref$direction,
+    justifyContent = _ref.justifyContent,
+    alignItems = _ref.alignItems,
+    alignContent = _ref.alignContent,
+    spacing = _ref.spacing,
+    flexWrap = _ref.flexWrap,
+    className = _ref.className,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
     className: (0, _clsx["default"])(className, flexWrap === 'nowrap' && 'govgr-stack--nowrap', spacing !== undefined && "govgr-gap-".concat(spacing), justifyContent && "govgr-stack--justify-".concat(justifyContent), alignContent && "govgr-stack--content-".concat(alignContent), alignItems && "govgr-stack--align-".concat(alignItems), direction && "govgr-stack--".concat(direction), true && 'govgr-stack')
   }, props), children);
 });
-
-exports.Stack = Stack;
-var _default = Stack;
-exports["default"] = _default;
+var _default = exports["default"] = Stack;

package/cjs/Stack/index.test/index.js

@@ -0,0 +1,191 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _Stack = _interopRequireDefault(require("@digigov/react-core/Stack"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_Stack["default"], null, "hello");
+it('renders the Stack with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  direction: "column"
+}, "hello");
+it('renders the Stack with direction="column"', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  direction: "row"
+}, "hello");
+it('renders the Stack with direction="row"', function () {
+  expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
+});
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  flexWrap: "wrap"
+}, "hello");
+it('renders the Stack with flexWrap="wrap"', function () {
+  expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
+});
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  flexWrap: "nowrap"
+}, "hello");
+it('renders the Stack with flexWrap="nowrap"', function () {
+  expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
+});
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  spacing: 2
+}, "hello");
+it('renders the Stack with spacing={2}', function () {
+  expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
+});
+var _ref7 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  spacing: 4
+}, "hello");
+it('renders the Stack with spacing={4}', function () {
+  expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
+});
+var _ref8 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  spacing: 6
+}, "hello");
+it('renders the Stack with spacing={6}', function () {
+  expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
+});
+var _ref9 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  spacing: 8
+}, "hello");
+it('renders the Stack with spacing={8}', function () {
+  expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
+});
+var _ref10 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  spacing: 10
+}, "hello");
+it('renders the Stack with spacing={10}', function () {
+  expect((0, _enzyme.mount)(_ref10)).toMatchSnapshot();
+});
+var _ref11 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  spacing: 12
+}, "hello");
+it('renders the Stack with spacing={12}', function () {
+  expect((0, _enzyme.mount)(_ref11)).toMatchSnapshot();
+});
+var _ref12 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  justifyContent: "center"
+}, "hello");
+it('renders the Stack with justifyContent="center"', function () {
+  expect((0, _enzyme.mount)(_ref12)).toMatchSnapshot();
+});
+var _ref13 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  justifyContent: "flex-start"
+}, "hello");
+it('renders the Stack with justifyContent="flex-start"', function () {
+  expect((0, _enzyme.mount)(_ref13)).toMatchSnapshot();
+});
+var _ref14 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  justifyContent: "flex-end"
+}, "hello");
+it('renders the Stack with justifyContent="flex-end"', function () {
+  expect((0, _enzyme.mount)(_ref14)).toMatchSnapshot();
+});
+var _ref15 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  justifyContent: "space-around"
+}, "hello");
+it('renders the Stack with justifyContent="space-around"', function () {
+  expect((0, _enzyme.mount)(_ref15)).toMatchSnapshot();
+});
+var _ref16 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  justifyContent: "space-between"
+}, "hello");
+it('renders the Stack with justifyContent="space-between"', function () {
+  expect((0, _enzyme.mount)(_ref16)).toMatchSnapshot();
+});
+var _ref17 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  justifyContent: "space-evenly"
+}, "hello");
+it('renders the Stack with justifyContent="space-evenly"', function () {
+  expect((0, _enzyme.mount)(_ref17)).toMatchSnapshot();
+});
+var _ref18 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignItems: "flex-start"
+}, "hello");
+it('renders the Stack with alignItems="flex-start"', function () {
+  expect((0, _enzyme.mount)(_ref18)).toMatchSnapshot();
+});
+var _ref19 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignItems: "flex-end"
+}, "hello");
+it('renders the Stack with alignItems="flex-end"', function () {
+  expect((0, _enzyme.mount)(_ref19)).toMatchSnapshot();
+});
+var _ref20 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignItems: "center"
+}, "hello");
+it('renders the Stack with alignItems="center"', function () {
+  expect((0, _enzyme.mount)(_ref20)).toMatchSnapshot();
+});
+var _ref21 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignItems: "baseline"
+}, "hello");
+it('renders the Stack with alignItems="baseline"', function () {
+  expect((0, _enzyme.mount)(_ref21)).toMatchSnapshot();
+});
+var _ref22 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignItems: "stretch"
+}, "hello");
+it('renders the Stack with alignItems="stretch"', function () {
+  expect((0, _enzyme.mount)(_ref22)).toMatchSnapshot();
+});
+var _ref23 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignContent: "center"
+}, "hello");
+it('renders the Stack with alignContent="center"', function () {
+  expect((0, _enzyme.mount)(_ref23)).toMatchSnapshot();
+});
+var _ref24 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignContent: "flex-start"
+}, "hello");
+it('renders the Stack with alignContent="flex-start"', function () {
+  expect((0, _enzyme.mount)(_ref24)).toMatchSnapshot();
+});
+var _ref25 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignContent: "flex-end"
+}, "hello");
+it('renders the Stack with alignContent="flex-end"', function () {
+  expect((0, _enzyme.mount)(_ref25)).toMatchSnapshot();
+});
+var _ref26 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignContent: "space-around"
+}, "hello");
+it('renders the Stack with alignContent="space-around"', function () {
+  expect((0, _enzyme.mount)(_ref26)).toMatchSnapshot();
+});
+var _ref27 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignContent: "space-between"
+}, "hello");
+it('renders the Stack with alignContent="space-between"', function () {
+  expect((0, _enzyme.mount)(_ref27)).toMatchSnapshot();
+});
+var _ref28 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  alignContent: "space-evenly"
+}, "hello");
+it('renders the Stack with alignContent="space-evenly"', function () {
+  expect((0, _enzyme.mount)(_ref28)).toMatchSnapshot();
+});
+var _ref29 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  direction: "row",
+  flexWrap: "nowrap",
+  spacing: 12
+}, "hello");
+it('renders the Stack with direction = "row", flexWrap="nowrap" and spacing={12}', function () {
+  expect((0, _enzyme.mount)(_ref29)).toMatchSnapshot();
+});
+var _ref30 = /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+  direction: "row",
+  flexWrap: "wrap",
+  justifyContent: "flex-end",
+  alignItems: "baseline",
+  alignContent: "center",
+  spacing: 12
+}, "hello");
+it('renders the Stack with direction = "row", flexWrap="wrap" justifyContent="flex-end" alignItems="baseline" alignContent="center" and spacing={12}', function () {
+  expect((0, _enzyme.mount)(_ref30)).toMatchSnapshot();
+});

package/cjs/StepNav/index.js

@@ -1,40 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.StepNav = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
-var _Base = _interopRequireDefault(require("../Base"));
-
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 var _excluded = ["className", "dense", "children"];
-
 /**
  * StepNav contains the content or any other element for step-by-step implementation.
  * Use StepNav as wrapper component.
  */
-var StepNav = /*#__PURE__*/_react["default"].forwardRef(function StepNav(_ref, ref) {
+var StepNav = exports.StepNav = /*#__PURE__*/_react["default"].forwardRef(function StepNav(_ref, ref) {
   var className = _ref.className,
-      dense = _ref.dense,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    dense = _ref.dense,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
     className: (0, _clsx["default"])(className, dense && 'govgr-step-nav--dense', true && 'govgr-step-nav')
   }, props), children);
 });
-
-exports.StepNav = StepNav;
-var _default = StepNav;
-exports["default"] = _default;
+var _default = exports["default"] = StepNav;

package/cjs/StepNav/index.test/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _StepNav = _interopRequireDefault(require("@digigov/react-core/StepNav"));
+var _ref = /*#__PURE__*/_react["default"].createElement(_StepNav["default"], null, "hello");
+it('renders the StepNav with no props', function () {
+  expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_StepNav["default"], {
+  dense: true
+}, "hello");
+it('renders the StepNav with dense props', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
+});