@digigov/react-core 1.0.0-8ae63a77 → 1.0.0-8bbf3ef2

package/es/TextArea/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "rows", "error", "className", "children"];
+var _excluded = ["name", "rows", "error", "dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -11,19 +11,20 @@ import Base from '@digigov/react-core/Base';
  */
 export var TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
   var name = _ref.name,
-      _ref$rows = _ref.rows,
-      rows = _ref$rows === void 0 ? 6 : _ref$rows,
+      rows = _ref.rows,
       error = _ref.error,
+      dense = _ref.dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
+  var defaultRows = dense ? 3 : 6;
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "textarea",
     name: name,
-    rows: rows,
+    rows: rows || defaultRows,
     ref: ref,
-    className: clsx(className, error && 'govgr-input--error', true && 'govgr-textarea')
+    className: clsx(className, dense && 'govgr-textarea--dense', error && 'govgr-input--error', true && 'govgr-textarea')
   }, props), children);
 });
 export default TextArea;

package/es/TextArea/index.test.js

@@ -46,4 +46,12 @@ var _ref6 = /*#__PURE__*/React.createElement(TextArea, {
 
 it('renders the TextArea with rows=8', function () {
   expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(TextArea, {
+  dense: true
+}, "hello");
+
+it('renders the TextArea with dense prop', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
 });

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

@@ -108,6 +108,23 @@ exports[`renders the TextInput  with with maxWidth="5-char" with width=two-third
 </ForwardRef(TextInput)>
 `;
 
+exports[`renders the TextInput with dense prop 1`] = `
+<ForwardRef(TextInput)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="input"
+    className="govgr-input--dense govgr-input"
+    type="text"
+  >
+    <input
+      className="govgr-input--dense govgr-input"
+      type="text"
+    />
+  </ForwardRef(Base)>
+</ForwardRef(TextInput)>
+`;
+
 exports[`renders the TextInput with maxWidth="2-char" 1`] = `
 <ForwardRef(TextInput)
   maxWidth="2-char"

package/es/TextInput/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "maxWidth", "width", "error", "className", "children"];
+var _excluded = ["type", "maxWidth", "width", "error", "dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -15,6 +15,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
       maxWidth = _ref.maxWidth,
       width = _ref.width,
       error = _ref.error,
+      dense = _ref.dense,
       className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
@@ -23,7 +24,7 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
     as: "input",
     type: type,
     ref: ref,
-    className: clsx(className, maxWidth !== undefined && "govgr-input--width-".concat(maxWidth), width === '33.3%' && 'govgr-!-width-one-third', width === '66.6%' && 'govgr-!-width-two-thirds', width === '25%' && 'govgr-!-width-one-quarter', width === '50%' && 'govgr-!-width-one-half', width === '75%' && 'govgr-!-width-three-quarters', error && 'govgr-input--error', true && 'govgr-input')
+    className: clsx(className, maxWidth !== undefined && "govgr-input--width-".concat(maxWidth), width === '33.3%' && 'govgr-!-width-one-third', width === '66.6%' && 'govgr-!-width-two-thirds', width === '25%' && 'govgr-!-width-one-quarter', width === '50%' && 'govgr-!-width-one-half', width === '75%' && 'govgr-!-width-three-quarters', error && 'govgr-input--error', dense && 'govgr-input--dense', true && 'govgr-input')
   }, props), children);
 });
 export default TextInput;

package/es/TextInput/index.test.js

@@ -9,367 +9,375 @@ it('renders the TextInput with no props', function () {
 });
 
 var _ref2 = /*#__PURE__*/React.createElement(TextInput, {
-  maxWidth: "2-char"
+  dense: true
 });
 
-it('renders the TextInput with maxWidth="2-char"', function () {
+it('renders the TextInput with dense prop', function () {
   expect(mount(_ref2)).toMatchSnapshot();
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(TextInput, {
-  maxWidth: "3-char"
+  maxWidth: "2-char"
 });
 
-it('renders the TextInput with maxWidth="3-char"', function () {
+it('renders the TextInput with maxWidth="2-char"', function () {
   expect(mount(_ref3)).toMatchSnapshot();
 });
 
 var _ref4 = /*#__PURE__*/React.createElement(TextInput, {
-  maxWidth: "4-char"
+  maxWidth: "3-char"
 });
 
-it('renders the TextInput with maxWidth="4-char"', function () {
+it('renders the TextInput with maxWidth="3-char"', function () {
   expect(mount(_ref4)).toMatchSnapshot();
 });
 
 var _ref5 = /*#__PURE__*/React.createElement(TextInput, {
-  maxWidth: "5-char"
+  maxWidth: "4-char"
 });
 
-it('renders the TextInput with maxWidth="5-char"', function () {
+it('renders the TextInput with maxWidth="4-char"', function () {
   expect(mount(_ref5)).toMatchSnapshot();
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(TextInput, {
-  maxWidth: "10-char"
+  maxWidth: "5-char"
 });
 
-it('renders the TextInput with maxWidth="10-char"', function () {
+it('renders the TextInput with maxWidth="5-char"', function () {
   expect(mount(_ref6)).toMatchSnapshot();
 });
 
 var _ref7 = /*#__PURE__*/React.createElement(TextInput, {
-  maxWidth: "20-char"
+  maxWidth: "10-char"
 });
 
-it('renders the TextInput with maxWidth="20-char"', function () {
+it('renders the TextInput with maxWidth="10-char"', function () {
   expect(mount(_ref7)).toMatchSnapshot();
 });
 
 var _ref8 = /*#__PURE__*/React.createElement(TextInput, {
-  width: '25%'
+  maxWidth: "20-char"
 });
 
-it('renders the TextInput with width=one-quarter', function () {
+it('renders the TextInput with maxWidth="20-char"', function () {
   expect(mount(_ref8)).toMatchSnapshot();
 });
 
 var _ref9 = /*#__PURE__*/React.createElement(TextInput, {
-  width: '33.3%'
+  width: '25%'
 });
 
-it('renders the TextInput with width=one-third', function () {
+it('renders the TextInput with width=one-quarter', function () {
   expect(mount(_ref9)).toMatchSnapshot();
 });
 
 var _ref10 = /*#__PURE__*/React.createElement(TextInput, {
-  width: '50%'
+  width: '33.3%'
 });
 
-it('renders the TextInput with width=one-half', function () {
+it('renders the TextInput with width=one-third', function () {
   expect(mount(_ref10)).toMatchSnapshot();
 });
 
 var _ref11 = /*#__PURE__*/React.createElement(TextInput, {
-  width: '66.6%'
+  width: '50%'
 });
 
-it('renders the TextInput with width=two-thirds', function () {
+it('renders the TextInput with width=one-half', function () {
   expect(mount(_ref11)).toMatchSnapshot();
 });
 
 var _ref12 = /*#__PURE__*/React.createElement(TextInput, {
-  width: '75%'
+  width: '66.6%'
 });
 
-it('renders the TextInput with width=three-quarters', function () {
+it('renders the TextInput with width=two-thirds', function () {
   expect(mount(_ref12)).toMatchSnapshot();
 });
 
 var _ref13 = /*#__PURE__*/React.createElement(TextInput, {
-  width: 'full'
+  width: '75%'
 });
 
-it('renders the TextInput with width=full', function () {
+it('renders the TextInput with width=three-quarters', function () {
   expect(mount(_ref13)).toMatchSnapshot();
 });
 
 var _ref14 = /*#__PURE__*/React.createElement(TextInput, {
+  width: 'full'
+});
+
+it('renders the TextInput with width=full', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});
+
+var _ref15 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "2-char",
   width: '25%'
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-quarter', function () {
-  expect(mount(_ref14)).toMatchSnapshot();
+  expect(mount(_ref15)).toMatchSnapshot();
 });
 
-var _ref15 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref16 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "3-char",
   width: '25%'
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=one-quarter', function () {
-  expect(mount(_ref15)).toMatchSnapshot();
+  expect(mount(_ref16)).toMatchSnapshot();
 });
 
-var _ref16 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref17 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "4-char",
   width: '25%'
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=one-quarter', function () {
-  expect(mount(_ref16)).toMatchSnapshot();
+  expect(mount(_ref17)).toMatchSnapshot();
 });
 
-var _ref17 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref18 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "5-char",
   width: '25%'
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=one-quarter', function () {
-  expect(mount(_ref17)).toMatchSnapshot();
+  expect(mount(_ref18)).toMatchSnapshot();
 });
 
-var _ref18 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref19 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "20-char",
   width: '25%'
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=one-quarter', function () {
-  expect(mount(_ref18)).toMatchSnapshot();
+  expect(mount(_ref19)).toMatchSnapshot();
 });
 
-var _ref19 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref20 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "2-char",
   width: '33.3%'
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-third', function () {
-  expect(mount(_ref19)).toMatchSnapshot();
+  expect(mount(_ref20)).toMatchSnapshot();
 });
 
-var _ref20 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref21 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "3-char",
   width: '33.3%'
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=one-third', function () {
-  expect(mount(_ref20)).toMatchSnapshot();
+  expect(mount(_ref21)).toMatchSnapshot();
 });
 
-var _ref21 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref22 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "4-char",
   width: '33.3%'
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=one-third', function () {
-  expect(mount(_ref21)).toMatchSnapshot();
+  expect(mount(_ref22)).toMatchSnapshot();
 });
 
-var _ref22 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref23 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "5-char",
   width: '33.3%'
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=one-third', function () {
-  expect(mount(_ref22)).toMatchSnapshot();
+  expect(mount(_ref23)).toMatchSnapshot();
 });
 
-var _ref23 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref24 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "20-char",
   width: '33.3%'
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=one-third', function () {
-  expect(mount(_ref23)).toMatchSnapshot();
+  expect(mount(_ref24)).toMatchSnapshot();
 });
 
-var _ref24 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref25 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "2-char",
   width: '50%'
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=one-half', function () {
-  expect(mount(_ref24)).toMatchSnapshot();
+  expect(mount(_ref25)).toMatchSnapshot();
 });
 
-var _ref25 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref26 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "3-char",
   width: '50%'
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=one-half', function () {
-  expect(mount(_ref25)).toMatchSnapshot();
+  expect(mount(_ref26)).toMatchSnapshot();
 });
 
-var _ref26 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref27 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "4-char",
   width: '50%'
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=one-half', function () {
-  expect(mount(_ref26)).toMatchSnapshot();
+  expect(mount(_ref27)).toMatchSnapshot();
 });
 
-var _ref27 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref28 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "5-char",
   width: '50%'
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=one-half', function () {
-  expect(mount(_ref27)).toMatchSnapshot();
+  expect(mount(_ref28)).toMatchSnapshot();
 });
 
-var _ref28 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref29 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "20-char",
   width: '50%'
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=one-half', function () {
-  expect(mount(_ref28)).toMatchSnapshot();
+  expect(mount(_ref29)).toMatchSnapshot();
 });
 
-var _ref29 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref30 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "2-char",
   width: '66.6%'
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=two-thirds', function () {
-  expect(mount(_ref29)).toMatchSnapshot();
+  expect(mount(_ref30)).toMatchSnapshot();
 });
 
-var _ref30 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref31 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "3-char",
   width: '66.6%'
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=two-thirds', function () {
-  expect(mount(_ref30)).toMatchSnapshot();
+  expect(mount(_ref31)).toMatchSnapshot();
 });
 
-var _ref31 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref32 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "4-char",
   width: '66.6%'
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=two-thirds', function () {
-  expect(mount(_ref31)).toMatchSnapshot();
+  expect(mount(_ref32)).toMatchSnapshot();
 });
 
-var _ref32 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref33 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "5-char",
   width: '66.6%'
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=two-thirds', function () {
-  expect(mount(_ref32)).toMatchSnapshot();
+  expect(mount(_ref33)).toMatchSnapshot();
 });
 
-var _ref33 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref34 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "20-char",
   width: '66.6%'
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=two-thirds', function () {
-  expect(mount(_ref33)).toMatchSnapshot();
+  expect(mount(_ref34)).toMatchSnapshot();
 });
 
-var _ref34 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref35 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "2-char",
   width: '75%'
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=three-quarters', function () {
-  expect(mount(_ref34)).toMatchSnapshot();
+  expect(mount(_ref35)).toMatchSnapshot();
 });
 
-var _ref35 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref36 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "3-char",
   width: '75%'
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=three-quarters', function () {
-  expect(mount(_ref35)).toMatchSnapshot();
+  expect(mount(_ref36)).toMatchSnapshot();
 });
 
-var _ref36 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref37 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "4-char",
   width: '75%'
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=three-quarters', function () {
-  expect(mount(_ref36)).toMatchSnapshot();
+  expect(mount(_ref37)).toMatchSnapshot();
 });
 
-var _ref37 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref38 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "5-char",
   width: '75%'
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=three-quarters', function () {
-  expect(mount(_ref37)).toMatchSnapshot();
+  expect(mount(_ref38)).toMatchSnapshot();
 });
 
-var _ref38 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref39 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "20-char",
   width: '75%'
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=three-quarters', function () {
-  expect(mount(_ref38)).toMatchSnapshot();
+  expect(mount(_ref39)).toMatchSnapshot();
 });
 
-var _ref39 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref40 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "2-char",
   width: 'full'
 });
 
 it('renders the TextInput with maxWidth="2-char" and with width=full', function () {
-  expect(mount(_ref39)).toMatchSnapshot();
+  expect(mount(_ref40)).toMatchSnapshot();
 });
 
-var _ref40 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref41 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "3-char",
   width: 'full'
 });
 
 it('renders the TextInput with maxWidth="3-char" and with width=full', function () {
-  expect(mount(_ref40)).toMatchSnapshot();
+  expect(mount(_ref41)).toMatchSnapshot();
 });
 
-var _ref41 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref42 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "4-char",
   width: 'full'
 });
 
 it('renders the TextInput with maxWidth="4-char" and with width=full', function () {
-  expect(mount(_ref41)).toMatchSnapshot();
+  expect(mount(_ref42)).toMatchSnapshot();
 });
 
-var _ref42 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref43 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "5-char",
   width: 'full'
 });
 
 it('renders the TextInput  with with maxWidth="5-char" with width=full', function () {
-  expect(mount(_ref42)).toMatchSnapshot();
+  expect(mount(_ref43)).toMatchSnapshot();
 });
 
-var _ref43 = /*#__PURE__*/React.createElement(TextInput, {
+var _ref44 = /*#__PURE__*/React.createElement(TextInput, {
   maxWidth: "20-char",
   width: 'full'
 });
 
 it('renders the TextInput with maxWidth="20-char" and with width=full', function () {
-  expect(mount(_ref43)).toMatchSnapshot();
+  expect(mount(_ref44)).toMatchSnapshot();
 });

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

@@ -31,6 +31,37 @@ exports[`renders the WarningText with assistive text 1`] = `
 </ForwardRef(WarningText)>
 `;
 
+exports[`renders the WarningText with dense=true 1`] = `
+<ForwardRef(WarningText)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="div"
+    className="govgr-warning-text--dense govgr-warning-text"
+  >
+    <div
+      className="govgr-warning-text--dense govgr-warning-text"
+    >
+      <span
+        className="govgr-warning-text__icon"
+      >
+        !
+      </span>
+      <strong
+        className="govgr-warning-text__text"
+      >
+        <span
+          className="govgr-warning-text__assistive"
+        >
+          Προσοχή
+        </span>
+        hello
+      </strong>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(WarningText)>
+`;
+
 exports[`renders the WarningText with no props 1`] = `
 <ForwardRef(WarningText)>
   <ForwardRef(Base)

package/es/WarningText/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "assistiveText", "children"];
+var _excluded = ["className", "assistiveText", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -14,13 +14,14 @@ export var WarningText = /*#__PURE__*/React.forwardRef(function WarningText(_ref
   var className = _ref.className,
       _ref$assistiveText = _ref.assistiveText,
       assistiveText = _ref$assistiveText === void 0 ? 'Προσοχή' : _ref$assistiveText,
+      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-warning-text')
+    className: clsx(className, dense && 'govgr-warning-text--dense', true && 'govgr-warning-text')
   }, props), /*#__PURE__*/React.createElement("span", {
     className: clsx(true && 'govgr-warning-text__icon')
   }, "!"), /*#__PURE__*/React.createElement("strong", {

package/es/WarningText/index.test.js

@@ -14,4 +14,12 @@ var _ref2 = /*#__PURE__*/React.createElement(WarningText, {
 
 it('renders the WarningText with assistive text', function () {
   expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(WarningText, {
+  dense: true
+}, "hello");
+
+it('renders the WarningText with dense=true', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
 });

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

@@ -8,13 +8,18 @@ exports[`renders the BottomInfo with no props 1`] = `
     <ForwardRef(Grid)
       className="govgr-bottom-info govgr-container"
       container={true}
+      spacing={
+        Object {
+          "sm": 12,
+        }
+      }
     >
       <ForwardRef(Base)
         as="div"
-        className="govgr-bottom-info govgr-container govgr-grid"
+        className="govgr-bottom-info govgr-container govgr-gap-sm-12 govgr-grid"
       >
         <div
-          className="govgr-bottom-info govgr-container govgr-grid"
+          className="govgr-bottom-info govgr-container govgr-gap-sm-12 govgr-grid"
         >
           hello
         </div>