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

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

@@ -1,13 +1,100 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the Nav with border prop 1`] = `
+<ForwardRef(Nav)
+  border={true}
+>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-nav--border govgr-nav"
+  >
+    <nav
+      className="govgr-nav--border govgr-nav"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Nav)>
+`;
+
+exports[`renders the Nav with drawer="always" prop 1`] = `
+<ForwardRef(Nav)
+  drawer="always"
+>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-nav--drawer govgr-nav--hidden govgr-nav--border govgr-nav"
+  >
+    <nav
+      className="govgr-nav--drawer govgr-nav--hidden govgr-nav--border govgr-nav"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Nav)>
+`;
+
+exports[`renders the Nav with drawer="always", border and open props 1`] = `
+<ForwardRef(Nav)
+  border={true}
+  drawer="always"
+  open={true}
+>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-nav--drawer govgr-nav--border govgr-nav"
+  >
+    <nav
+      className="govgr-nav--drawer govgr-nav--border govgr-nav"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Nav)>
+`;
+
+exports[`renders the Nav with drawer="mdDown" prop 1`] = `
+<ForwardRef(Nav)
+  drawer="mdDown"
+>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-nav--drawer-mdDown govgr-nav--hidden govgr-nav--border govgr-nav"
+  >
+    <nav
+      className="govgr-nav--drawer-mdDown govgr-nav--hidden govgr-nav--border govgr-nav"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Nav)>
+`;
+
+exports[`renders the Nav with drawer="never" prop 1`] = `
+<ForwardRef(Nav)
+  drawer="never"
+>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-nav--border govgr-nav"
+  >
+    <nav
+      className="govgr-nav--border govgr-nav"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Nav)>
+`;
+
 exports[`renders the Nav with no props 1`] = `
 <ForwardRef(Nav)>
   <ForwardRef(Base)
     as="nav"
-    className="govgr-nav--border govgr-nav--fixed govgr-nav"
+    className="govgr-nav--border govgr-nav"
   >
     <nav
-      className="govgr-nav--border govgr-nav--fixed govgr-nav"
+      className="govgr-nav--border govgr-nav"
     >
       hello
     </nav>
@@ -21,10 +108,10 @@ exports[`renders the Nav with open prop 1`] = `
 >
   <ForwardRef(Base)
     as="nav"
-    className="govgr-nav--border govgr-nav--fixed govgr-nav govgr-nav--open"
+    className="govgr-nav--border govgr-nav"
   >
     <nav
-      className="govgr-nav--border govgr-nav--fixed govgr-nav govgr-nav--open"
+      className="govgr-nav--border govgr-nav"
     >
       hello
     </nav>

package/es/Nav/index.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "open", "hidden", "fixed", "border", "children"];
+var _excluded = ["className", "open", "drawer", "onClose", "closeButtonLabel", "border", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
+import CloseButton from '@digigov/react-core/CloseButton';
 
 /**
  * Nav is mainly used under the Header.
@@ -11,12 +12,11 @@ import Base from '@digigov/react-core/Base';
  */
 export var Nav = /*#__PURE__*/React.forwardRef(function Nav(_ref, ref) {
   var className = _ref.className,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      _ref$hidden = _ref.hidden,
-      hidden = _ref$hidden === void 0 ? false : _ref$hidden,
-      _ref$fixed = _ref.fixed,
-      fixed = _ref$fixed === void 0 ? true : _ref$fixed,
+      open = _ref.open,
+      _ref$drawer = _ref.drawer,
+      drawer = _ref$drawer === void 0 ? 'never' : _ref$drawer,
+      onClose = _ref.onClose,
+      closeButtonLabel = _ref.closeButtonLabel,
       _ref$border = _ref.border,
       border = _ref$border === void 0 ? true : _ref$border,
       children = _ref.children,
@@ -25,7 +25,15 @@ export var Nav = /*#__PURE__*/React.forwardRef(function Nav(_ref, ref) {
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "nav",
     ref: ref,
-    className: clsx(className, border && 'govgr-nav--border', hidden && 'govgr-nav--hidden', fixed && 'govgr-nav--fixed', true && 'govgr-nav', open && 'govgr-nav--open')
-  }, props), children);
+    className: clsx(className, drawer === 'smDown' && 'govgr-nav--drawer-smDown', drawer === 'mdDown' && 'govgr-nav--drawer-mdDown', drawer === 'lgDown' && 'govgr-nav--drawer-lgDown', drawer === 'always' && 'govgr-nav--drawer', drawer != 'never' && !open && 'govgr-nav--hidden', border && 'govgr-nav--border', true && 'govgr-nav')
+  }, props), onClose && drawer !== 'never' && /*#__PURE__*/React.createElement(CloseButton, {
+    smUpHidden: drawer === 'smDown',
+    mdUpHidden: drawer === 'mdDown',
+    lgUpHidden: drawer === 'lgDown',
+    onClick: function onClick(e) {
+      return onClose(e);
+    },
+    label: closeButtonLabel
+  }), children);
 });
 export default Nav;

package/es/Nav/index.test.js

@@ -14,4 +14,46 @@ var _ref2 = /*#__PURE__*/React.createElement(Nav, {
 
 it('renders the Nav with open prop', function () {
   expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(Nav, {
+  border: true
+}, "hello");
+
+it('renders the Nav with border prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(Nav, {
+  drawer: "never"
+}, "hello");
+
+it('renders the Nav with drawer="never" prop', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(Nav, {
+  drawer: "mdDown"
+}, "hello");
+
+it('renders the Nav with drawer="mdDown" prop', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(Nav, {
+  drawer: "always"
+}, "hello");
+
+it('renders the Nav with drawer="always" prop', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(Nav, {
+  open: true,
+  border: true,
+  drawer: "always"
+}, "hello");
+
+it('renders the Nav with drawer="always", border and open props', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
 });

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

@@ -1,5 +1,109 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the NavMenuContainer with active prop 1`] = `
+<ForwardRef(NavMenuContainer)
+  active={true}
+>
+  <ForwardRef(Base)
+    aria-hidden={false}
+    as="div"
+    className="govgr-nav-menu--horizontal govgr-nav-menu"
+  >
+    <div
+      aria-hidden={false}
+      className="govgr-nav-menu--horizontal govgr-nav-menu"
+    >
+      <ForwardRef(Container)
+        grid={true}
+      >
+        <ForwardRef(Base)
+          as="div"
+          className="govgr-container"
+        >
+          <div
+            className="govgr-container"
+          >
+            <div
+              className="govgr-main-wrapper"
+            >
+              hello
+            </div>
+          </div>
+        </ForwardRef(Base)>
+      </ForwardRef(Container)>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(NavMenuContainer)>
+`;
+
+exports[`renders the NavMenuContainer with layout="horizontal" prop 1`] = `
+<ForwardRef(NavMenuContainer)
+  layout="horizontal"
+>
+  <ForwardRef(Base)
+    aria-hidden={true}
+    as="div"
+    className="govgr-nav-menu--horizontal govgr-nav-menu--hidden govgr-nav-menu"
+  >
+    <div
+      aria-hidden={true}
+      className="govgr-nav-menu--horizontal govgr-nav-menu--hidden govgr-nav-menu"
+    >
+      <ForwardRef(Container)
+        grid={true}
+      >
+        <ForwardRef(Base)
+          as="div"
+          className="govgr-container"
+        >
+          <div
+            className="govgr-container"
+          >
+            <div
+              className="govgr-main-wrapper"
+            >
+              hello
+            </div>
+          </div>
+        </ForwardRef(Base)>
+      </ForwardRef(Container)>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(NavMenuContainer)>
+`;
+
+exports[`renders the NavMenuContainer with layout="vertical" prop 1`] = `
+<ForwardRef(NavMenuContainer)
+  layout="vertical"
+>
+  <ForwardRef(Base)
+    aria-hidden={true}
+    as="div"
+    className="govgr-nav-menu--vertical govgr-nav-menu--hidden govgr-nav-menu"
+  >
+    <div
+      aria-hidden={true}
+      className="govgr-nav-menu--vertical govgr-nav-menu--hidden govgr-nav-menu"
+    >
+      <ForwardRef(Container)
+        grid={false}
+      >
+        <ForwardRef(Base)
+          as="div"
+          className="govgr-container"
+        >
+          <div
+            className="govgr-container"
+          >
+            hello
+          </div>
+        </ForwardRef(Base)>
+      </ForwardRef(Container)>
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(NavMenuContainer)>
+`;
+
 exports[`renders the NavMenuContainer with no props 1`] = `
 <ForwardRef(NavMenuContainer)>
   <ForwardRef(Base)

package/es/NavMenuContainer/index.test.js

@@ -6,4 +6,28 @@ var _ref = /*#__PURE__*/React.createElement(NavMenuContainer, null, "hello");
 
 it('renders the NavMenuContainer with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(NavMenuContainer, {
+  active: true
+}, "hello");
+
+it('renders the NavMenuContainer with active prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(NavMenuContainer, {
+  layout: "vertical"
+}, "hello");
+
+it('renders the NavMenuContainer with layout="vertical" prop', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(NavMenuContainer, {
+  layout: "horizontal"
+}, "hello");
+
+it('renders the NavMenuContainer with layout="horizontal" prop', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
 });

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

@@ -1,5 +1,28 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the NotificationBannerContainer with dense=true 1`] = `
+<ForwardRef(NotificationBannerContainer)
+  dense={true}
+>
+  <ForwardRef(Base)
+    aria-labelledby="govgr-notification-banner-title"
+    as="div"
+    className="govgr-notification-banner--info govgr-notification-banner--dense govgr-notification-banner"
+    data-module="govgr-notification-banner"
+    role="region"
+  >
+    <div
+      aria-labelledby="govgr-notification-banner-title"
+      className="govgr-notification-banner--info govgr-notification-banner--dense govgr-notification-banner"
+      data-module="govgr-notification-banner"
+      role="region"
+    >
+      hello
+    </div>
+  </ForwardRef(Base)>
+</ForwardRef(NotificationBannerContainer)>
+`;
+
 exports[`renders the NotificationBannerContainer with no props 1`] = `
 <ForwardRef(NotificationBannerContainer)>
   <ForwardRef(Base)

package/es/NotificationBannerContainer/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "className", "children"];
+var _excluded = ["variant", "className", "dense", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -16,6 +16,7 @@ export var NotificationBannerContainer = /*#__PURE__*/React.forwardRef(function
   var _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'info' : _ref$variant,
       className = _ref.className,
+      dense = _ref.dense,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
@@ -25,7 +26,7 @@ export var NotificationBannerContainer = /*#__PURE__*/React.forwardRef(function
     "aria-labelledby": "govgr-notification-banner-title",
     "data-module": "govgr-notification-banner",
     ref: ref,
-    className: clsx(className, variant !== undefined && "govgr-notification-banner--".concat(variant), true && 'govgr-notification-banner')
+    className: clsx(className, variant !== undefined && "govgr-notification-banner--".concat(variant), dense && 'govgr-notification-banner--dense', true && 'govgr-notification-banner')
   }, props), children);
 });
 export default NotificationBannerContainer;

package/es/NotificationBannerContainer/index.test.js

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

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,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the RadioItem  \`divider\` props 1`] = `
+exports[`renders the RadioItem  \`dividerText\` props 1`] = `
 <ForwardRef(RadioItem)
   dividerText="ή"
 >
@@ -88,7 +88,7 @@ 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}
   dividerText="ή"

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

@@ -6,10 +6,10 @@ exports[`renders the StepNav with dense props 1`] = `
 >
   <ForwardRef(Base)
     as="div"
-    className="govgr-step--dense govgr-step-nav"
+    className="govgr-step-nav--dense govgr-step-nav"
   >
     <div
-      className="govgr-step--dense govgr-step-nav"
+      className="govgr-step-nav--dense govgr-step-nav"
     >
       hello
     </div>

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/TaskList/__snapshots__/index.test.tsx.snap

@@ -6,10 +6,10 @@ exports[`renders the TaskList with dense prop 1`] = `
 >
   <ForwardRef(Base)
     as="ol"
-    className="govgr-task--dense govgr-task-list"
+    className="govgr-task-list--dense govgr-task-list"
   >
     <ol
-      className="govgr-task--dense govgr-task-list"
+      className="govgr-task-list--dense govgr-task-list"
     >
       hello
     </ol>

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

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