@digigov/react-core 1.0.0-88820b1e → 1.0.0-8bbf3ef2

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

@@ -3,16 +3,21 @@
 exports[`renders the PageTitleHeading with no props 1`] = `
 <ForwardRef(PageTitleHeading)>
   <ForwardRef(Heading)>
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h1"
       className="govgr-heading-xl"
     >
-      <h1
+      <ForwardRef(Base)
+        as="h1"
         className="govgr-heading-xl"
       >
-        hello
-      </h1>
-    </ForwardRef(Base)>
+        <h1
+          className="govgr-heading-xl"
+        >
+          hello
+        </h1>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -24,16 +29,21 @@ exports[`renders the PageTitleHeading with size=l 1`] = `
   <ForwardRef(Heading)
     size="lg"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-heading-lg"
     >
-      <h2
+      <ForwardRef(Base)
+        as="h2"
         className="govgr-heading-lg"
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-heading-lg"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -45,16 +55,21 @@ exports[`renders the PageTitleHeading with size=m 1`] = `
   <ForwardRef(Heading)
     size="md"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h3"
       className="govgr-heading-md"
     >
-      <h3
+      <ForwardRef(Base)
+        as="h3"
         className="govgr-heading-md"
       >
-        hello
-      </h3>
-    </ForwardRef(Base)>
+        <h3
+          className="govgr-heading-md"
+        >
+          hello
+        </h3>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -66,16 +81,21 @@ exports[`renders the PageTitleHeading with size=s 1`] = `
   <ForwardRef(Heading)
     size="sm"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h4"
       className="govgr-heading-sm"
     >
-      <h4
+      <ForwardRef(Base)
+        as="h4"
         className="govgr-heading-sm"
       >
-        hello
-      </h4>
-    </ForwardRef(Base)>
+        <h4
+          className="govgr-heading-sm"
+        >
+          hello
+        </h4>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -87,16 +107,21 @@ exports[`renders the PageTitleHeading with size=xl 1`] = `
   <ForwardRef(Heading)
     size="xl"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h1"
       className="govgr-heading-xl"
     >
-      <h1
+      <ForwardRef(Base)
+        as="h1"
         className="govgr-heading-xl"
       >
-        hello
-      </h1>
-    </ForwardRef(Base)>
+        <h1
+          className="govgr-heading-xl"
+        >
+          hello
+        </h1>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;

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

@@ -3,16 +3,21 @@
 exports[`renders the PageTitleHeading with no props 1`] = `
 <ForwardRef(PageTitleHeading)>
   <ForwardRef(Heading)>
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h1"
       className="govgr-heading-xl"
     >
-      <h1
+      <ForwardRef(Base)
+        as="h1"
         className="govgr-heading-xl"
       >
-        hello
-      </h1>
-    </ForwardRef(Base)>
+        <h1
+          className="govgr-heading-xl"
+        >
+          hello
+        </h1>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -24,16 +29,21 @@ exports[`renders the PageTitleHeading with size=l 1`] = `
   <ForwardRef(Heading)
     size="lg"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h2"
       className="govgr-heading-lg"
     >
-      <h2
+      <ForwardRef(Base)
+        as="h2"
         className="govgr-heading-lg"
       >
-        hello
-      </h2>
-    </ForwardRef(Base)>
+        <h2
+          className="govgr-heading-lg"
+        >
+          hello
+        </h2>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -45,16 +55,21 @@ exports[`renders the PageTitleHeading with size=m 1`] = `
   <ForwardRef(Heading)
     size="md"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h3"
       className="govgr-heading-md"
     >
-      <h3
+      <ForwardRef(Base)
+        as="h3"
         className="govgr-heading-md"
       >
-        hello
-      </h3>
-    </ForwardRef(Base)>
+        <h3
+          className="govgr-heading-md"
+        >
+          hello
+        </h3>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -66,16 +81,21 @@ exports[`renders the PageTitleHeading with size=s 1`] = `
   <ForwardRef(Heading)
     size="sm"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h4"
       className="govgr-heading-sm"
     >
-      <h4
+      <ForwardRef(Base)
+        as="h4"
         className="govgr-heading-sm"
       >
-        hello
-      </h4>
-    </ForwardRef(Base)>
+        <h4
+          className="govgr-heading-sm"
+        >
+          hello
+        </h4>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;
@@ -87,16 +107,21 @@ exports[`renders the PageTitleHeading with size=xl 1`] = `
   <ForwardRef(Heading)
     size="xl"
   >
-    <ForwardRef(Base)
+    <ForwardRef(Typography)
       as="h1"
       className="govgr-heading-xl"
     >
-      <h1
+      <ForwardRef(Base)
+        as="h1"
         className="govgr-heading-xl"
       >
-        hello
-      </h1>
-    </ForwardRef(Base)>
+        <h1
+          className="govgr-heading-xl"
+        >
+          hello
+        </h1>
+      </ForwardRef(Base)>
+    </ForwardRef(Typography)>
   </ForwardRef(Heading)>
 </ForwardRef(PageTitleHeading)>
 `;

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

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

package/es/RadioContainer/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children", "layout"];
+var _excluded = ["layout", "dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,15 +10,16 @@ import Base from '@digigov/react-core/Base';
  * It is used as parent component to wrap RadioItem component.
  */
 export var RadioContainer = /*#__PURE__*/React.forwardRef(function RadioContainer(_ref, ref) {
-  var className = _ref.className,
+  var layout = _ref.layout,
+      dense = _ref.dense,
+      className = _ref.className,
       children = _ref.children,
-      layout = _ref.layout,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, layout === 'horizontal' && 'govgr-radios--horizontal', true && 'govgr-radios')
+    className: clsx(className, layout === 'horizontal' && 'govgr-radios--horizontal', dense && 'govgr-radios--dense', true && 'govgr-radios')
   }, props), children);
 });
 export default RadioContainer;

package/es/RadioContainer/index.test.js

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

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

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the RadioItem  \`divider\` props 1`] = `
+exports[`renders the RadioItem  \`dividerText\` props 1`] = `
 <ForwardRef(RadioItem)
-  divider="ή"
+  dividerText="ή"
 >
   <ForwardRef(ChoiceDividerText)>
     <ForwardRef(Base)
@@ -88,10 +88,10 @@ exports[`renders the RadioItem  value props 1`] = `
 </ForwardRef(RadioItem)>
 `;
 
-exports[`renders the RadioItem with \`name\`, \`disabled\`, \`divider\` and \`value\` props 1`] = `
+exports[`renders the RadioItem with \`name\`, \`disabled\`, \`dividerText\` 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/SelectContainer/__snapshots__/index.test.tsx.snap

@@ -1,5 +1,22 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the SelectContainer with dense prop 1`] = `
+<ForwardRef(SelectContainer)
+  dense={true}
+>
+  <ForwardRef(Base)
+    as="select"
+    className="govgr-select--dense govgr-select"
+  >
+    <select
+      className="govgr-select--dense govgr-select"
+    >
+      hello
+    </select>
+  </ForwardRef(Base)>
+</ForwardRef(SelectContainer)>
+`;
+
 exports[`renders the SelectContainer with name and defaultValue 1`] = `
 <ForwardRef(SelectContainer)
   defaultValue="some-value"

package/es/SelectContainer/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 = ["dense", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,14 +10,15 @@ import Base from '@digigov/react-core/Base';
  * It is used as a parent component to wrap SelectOption component.
  */
 export var SelectContainer = /*#__PURE__*/React.forwardRef(function SelectContainer(_ref, ref) {
-  var className = _ref.className,
+  var dense = _ref.dense,
+      className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "select",
     ref: ref,
-    className: clsx(className, true && 'govgr-select')
+    className: clsx(className, dense && 'govgr-select--dense', true && 'govgr-select')
   }, props), children);
 });
 export default SelectContainer;

package/es/SelectContainer/index.test.js

@@ -17,10 +17,18 @@ it('renders the SelectContainer with name props', function () {
 });
 
 var _ref3 = /*#__PURE__*/React.createElement(SelectContainer, {
+  dense: true
+}, "hello");
+
+it('renders the SelectContainer with dense prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(SelectContainer, {
   name: 'some-name',
   defaultValue: 'some-value'
 }, "hello");
 
 it('renders the SelectContainer with name and defaultValue', function () {
-  expect(mount(_ref3)).toMatchSnapshot();
+  expect(mount(_ref4)).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-nav--dense govgr-step-nav"
+  >
+    <div
+      className="govgr-step-nav--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/Tabs/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 = ["direction", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,14 +10,15 @@ import Base from '@digigov/react-core/Base';
  * This component must contain TabsHeading, TabsList, and a list of TabsPanel component.
  */
 export var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_ref, ref) {
-  var className = _ref.className,
+  var direction = _ref.direction,
+      className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,
-    className: clsx(className, true && 'govgr-tabs')
+    className: clsx(className, direction === 'vertical' && 'govgr-tabs--vertical', true && 'govgr-tabs')
   }, props), children);
 });
 export default Tabs;

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

@@ -15,16 +15,21 @@ exports[`renders the TabsHeading with no props 1`] = `
         <ForwardRef(Heading)
           size="sm"
         >
-          <ForwardRef(Base)
+          <ForwardRef(Typography)
             as="h4"
             className="govgr-heading-sm"
           >
-            <h4
+            <ForwardRef(Base)
+              as="h4"
               className="govgr-heading-sm"
             >
-              hello
-            </h4>
-          </ForwardRef(Base)>
+              <h4
+                className="govgr-heading-sm"
+              >
+                hello
+              </h4>
+            </ForwardRef(Base)>
+          </ForwardRef(Typography)>
         </ForwardRef(Heading)>
       </div>
     </ForwardRef(Base)>
@@ -49,16 +54,21 @@ exports[`renders the TabsHeading with size=m 1`] = `
         <ForwardRef(Heading)
           size="md"
         >
-          <ForwardRef(Base)
+          <ForwardRef(Typography)
             as="h3"
             className="govgr-heading-md"
           >
-            <h3
+            <ForwardRef(Base)
+              as="h3"
               className="govgr-heading-md"
             >
-              hello
-            </h3>
-          </ForwardRef(Base)>
+              <h3
+                className="govgr-heading-md"
+              >
+                hello
+              </h3>
+            </ForwardRef(Base)>
+          </ForwardRef(Typography)>
         </ForwardRef(Heading)>
       </div>
     </ForwardRef(Base)>
@@ -83,16 +93,21 @@ exports[`renders the TabsHeading with size=s 1`] = `
         <ForwardRef(Heading)
           size="sm"
         >
-          <ForwardRef(Base)
+          <ForwardRef(Typography)
             as="h4"
             className="govgr-heading-sm"
           >
-            <h4
+            <ForwardRef(Base)
+              as="h4"
               className="govgr-heading-sm"
             >
-              hello
-            </h4>
-          </ForwardRef(Base)>
+              <h4
+                className="govgr-heading-sm"
+              >
+                hello
+              </h4>
+            </ForwardRef(Base)>
+          </ForwardRef(Typography)>
         </ForwardRef(Heading)>
       </div>
     </ForwardRef(Base)>