@digigov/react-core 0.20.0-navlist.alpha.3 → 0.20.0

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

@@ -1,128 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the BurgerIcon prop hidden="l" 1`] = `
-<ForwardRef(BurgerIcon)
-  hidden="l"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--hidden-l govgr-burger-icon"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;
-
-exports[`renders the BurgerIcon prop hidden="m" 1`] = `
-<ForwardRef(BurgerIcon)
-  hidden="m"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--hidden-m govgr-burger-icon"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--hidden-m govgr-burger-icon govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--hidden-m govgr-burger-icon govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;
-
-exports[`renders the BurgerIcon prop hidden="s" 1`] = `
-<ForwardRef(BurgerIcon)
-  hidden="s"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--hidden-s govgr-burger-icon"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;
-
 exports[`renders the BurgerIcon prop variant= "error" 1`] = `
 <ForwardRef(BurgerIcon)
   variant="error"
@@ -207,7 +84,7 @@ exports[`renders the BurgerIcon prop variant= "light" 1`] = `
 </ForwardRef(BurgerIcon)>
 `;
 
-exports[`renders the BurgerIcon props active hidden="no" variant= "light" 1`] = `
+exports[`renders the BurgerIcon props active variant= "light" 1`] = `
 <ForwardRef(BurgerIcon)
   active={true}
   variant="light"
@@ -371,90 +248,3 @@ exports[`renders the BurgerIcon with prop variant=dark 1`] = `
   </ForwardRef(SvgIcon)>
 </ForwardRef(BurgerIcon)>
 `;
-
-exports[`renders the BurgerIcon with props active hidden="s" and variant="dark" 1`] = `
-<ForwardRef(BurgerIcon)
-  active={true}
-  hidden="s"
-  variant="dark"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon"
-    variant="dark"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon--dark govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--active govgr-burger-icon--hidden-s govgr-burger-icon govgr-svg-icon--dark govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;
-
-exports[`renders the BurgerIcon with props hidden="l" and variant="success" 1`] = `
-<ForwardRef(BurgerIcon)
-  hidden="l"
-  variant="success"
->
-  <ForwardRef(SvgIcon)
-    className="govgr-burger-icon--hidden-l govgr-burger-icon"
-    variant="success"
-  >
-    <ForwardRef(Base)
-      aria-hidden="true"
-      as="svg"
-      className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon--success govgr-svg-icon"
-      focusable="false"
-      viewBox="0 0 24 24"
-    >
-      <svg
-        aria-hidden="true"
-        className="govgr-burger-icon--hidden-l govgr-burger-icon govgr-svg-icon--success govgr-svg-icon"
-        focusable="false"
-        viewBox="0 0 24 24"
-      >
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-1"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-2"
-          width="20"
-        />
-        <rect
-          height="3.3"
-          id="govgr-burger-icon__line-3"
-          width="20"
-        />
-      </svg>
-    </ForwardRef(Base)>
-  </ForwardRef(SvgIcon)>
-</ForwardRef(BurgerIcon)>
-`;

package/esm/BurgerIcon/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "size", "active", "hidden", "className"];
+var _excluded = ["variant", "size", "active", "className"];
 import React from 'react';
 import SvgIcon from '@digigov/react-core/SvgIcon';
 import clsx from 'clsx';
@@ -31,14 +31,13 @@ export var BurgerIcon = /*#__PURE__*/React.forwardRef(function BurgerIcon(_ref,
   var variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      hidden = _ref.hidden,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     variant: variant,
     size: size,
-    className: clsx(className, active === true && 'govgr-burger-icon--active', hidden === 's' && 'govgr-burger-icon--hidden-s', hidden === 'm' && 'govgr-burger-icon--hidden-m', hidden === 'l' && 'govgr-burger-icon--hidden-l', true && 'govgr-burger-icon'),
+    className: clsx(className, active === true && 'govgr-burger-icon--active', true && 'govgr-burger-icon'),
     ref: ref
   }, props), _ref2, _ref3, _ref4);
 });

package/esm/BurgerIcon/index.test.js

@@ -41,53 +41,10 @@ it('renders the BurgerIcon prop variant= "error"', function () {
 });
 
 var _ref6 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  hidden: "s"
-});
-
-it('renders the BurgerIcon prop hidden="s"', function () {
-  expect(mount(_ref6)).toMatchSnapshot();
-});
-
-var _ref7 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  hidden: "m"
-});
-
-it('renders the BurgerIcon prop hidden="m"', function () {
-  expect(mount(_ref7)).toMatchSnapshot();
-});
-
-var _ref8 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  hidden: "l"
-});
-
-it('renders the BurgerIcon prop hidden="l"', function () {
-  expect(mount(_ref8)).toMatchSnapshot();
-});
-
-var _ref9 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  active: true,
-  hidden: "s",
-  variant: "dark"
-});
-
-it('renders the BurgerIcon with props active hidden="s" and variant="dark"', function () {
-  expect(mount(_ref9)).toMatchSnapshot();
-});
-
-var _ref10 = /*#__PURE__*/React.createElement(BurgerIcon, {
-  hidden: "l",
-  variant: "success"
-});
-
-it('renders the BurgerIcon with props hidden="l" and variant="success"', function () {
-  expect(mount(_ref10)).toMatchSnapshot();
-});
-
-var _ref11 = /*#__PURE__*/React.createElement(BurgerIcon, {
   active: true,
   variant: "light"
 });
 
-it('renders the BurgerIcon props active hidden="no" variant= "light"', function () {
-  expect(mount(_ref11)).toMatchSnapshot();
+it('renders the BurgerIcon props active variant= "light"', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
 });

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

@@ -0,0 +1,178 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the GlobeIcon prop variant= "error" 1`] = `
+<ForwardRef(GlobeIcon)
+  variant="error"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-globe-icon"
+    variant="error"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-globe-icon govgr-svg-icon--error govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-globe-icon govgr-svg-icon--error govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+        />
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(GlobeIcon)>
+`;
+
+exports[`renders the GlobeIcon prop variant= "light" 1`] = `
+<ForwardRef(GlobeIcon)
+  variant="light"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-globe-icon"
+    variant="light"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-globe-icon govgr-svg-icon--light govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-globe-icon govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+        />
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(GlobeIcon)>
+`;
+
+exports[`renders the GlobeIcon props active variant= "light" 1`] = `
+<ForwardRef(GlobeIcon)
+  active={true}
+  variant="light"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-globe-icon--active govgr-globe-icon"
+    variant="light"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-globe-icon--active govgr-globe-icon govgr-svg-icon--light govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-globe-icon--active govgr-globe-icon govgr-svg-icon--light govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+        />
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(GlobeIcon)>
+`;
+
+exports[`renders the GlobeIcon with no props 1`] = `
+<ForwardRef(GlobeIcon)>
+  <ForwardRef(SvgIcon)
+    className="govgr-globe-icon"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-globe-icon govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-globe-icon govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+        />
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(GlobeIcon)>
+`;
+
+exports[`renders the GlobeIcon with prop active=true 1`] = `
+<ForwardRef(GlobeIcon)
+  active={true}
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-globe-icon--active govgr-globe-icon"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-globe-icon--active govgr-globe-icon govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-globe-icon--active govgr-globe-icon govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+        />
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(GlobeIcon)>
+`;
+
+exports[`renders the GlobeIcon with prop variant=dark 1`] = `
+<ForwardRef(GlobeIcon)
+  variant="dark"
+>
+  <ForwardRef(SvgIcon)
+    className="govgr-globe-icon"
+    variant="dark"
+  >
+    <ForwardRef(Base)
+      aria-hidden="true"
+      as="svg"
+      className="govgr-globe-icon govgr-svg-icon--dark govgr-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      <svg
+        aria-hidden="true"
+        className="govgr-globe-icon govgr-svg-icon--dark govgr-svg-icon"
+        focusable="false"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+        />
+      </svg>
+    </ForwardRef(Base)>
+  </ForwardRef(SvgIcon)>
+</ForwardRef(GlobeIcon)>
+`;

package/esm/GlobeIcon/index.js

@@ -0,0 +1,30 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["variant", "size", "active", "className"];
+import React from 'react';
+import SvgIcon from '@digigov/react-core/SvgIcon';
+import clsx from 'clsx';
+
+var _ref2 = /*#__PURE__*/React.createElement("path", {
+  d: "M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M22.4,13.1C22.4,13.1,22.4,13.2,22.4,13.1 c0,0.4-0.1,0.8-0.2,1.1v0h-3.6c0.2-1.5,0.2-3,0-4.5h3.6v0c0.1,0.4,0.1,0.7,0.2,1.1c0,0,0,0,0,0C22.5,11.6,22.5,12.4,22.4,13.1z M16,21.7c1.1-1.5,2-3.5,2.4-6h3.4c0,0,0,0,0,0C20.8,18.4,18.7,20.6,16,21.7z M21.8,8.2C21.8,8.2,21.8,8.2,21.8,8.2l-3.4,0 c-0.4-2.4-1.3-4.5-2.4-6C18.7,3.4,20.8,5.6,21.8,8.2L21.8,8.2z M17.1,9.7c0.2,1.5,0.2,3,0,4.5h-4.4V9.7L17.1,9.7L17.1,9.7z M12.7,8.2V1.6c1.9,0.6,3.5,3.2,4.1,6.6L12.7,8.2L12.7,8.2z M12.7,15.7h4.1c-0.7,3.4-2.3,6.1-4.1,6.6V15.7L12.7,15.7z M2.2,15.8 C2.2,15.8,2.2,15.8,2.2,15.8l3.4,0c0.4,2.4,1.3,4.5,2.4,6C5.3,20.6,3.2,18.4,2.2,15.8L2.2,15.8z M8,2.3c-1.1,1.5-2,3.5-2.4,6H2.2 c0,0,0,0,0,0C3.2,5.6,5.3,3.4,8,2.3z M6.9,14.3c-0.2-1.5-0.2-3,0-4.5h4.4v4.5H6.9L6.9,14.3z M11.2,15.8v6.6 c-1.9-0.6-3.5-3.2-4.1-6.6L11.2,15.8L11.2,15.8z M11.2,8.3H7.1c0.7-3.4,2.3-6.1,4.1-6.6V8.3L11.2,8.3z M1.6,10.9 C1.6,10.9,1.6,10.8,1.6,10.9c0-0.4,0.1-0.8,0.2-1.1v0h3.6c-0.2,1.5-0.2,3,0,4.5H1.7v0c-0.1-0.4-0.1-0.7-0.2-1.1c0,0,0,0,0,0 C1.5,12.4,1.5,11.6,1.6,10.9z"
+});
+
+/**
+ * GlobeIcon is used inside the Header component.
+ * It should be linked with the NavHorizontal component. It is hidden when the NavHorizontal is visible and vice versa.
+ */
+export var GlobeIcon = /*#__PURE__*/React.forwardRef(function GlobeIcon(_ref, ref) {
+  var variant = _ref.variant,
+      size = _ref.size,
+      active = _ref.active,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(SvgIcon, _extends({
+    variant: variant,
+    size: size,
+    className: clsx(className, active === true && 'govgr-globe-icon--active', true && 'govgr-globe-icon'),
+    ref: ref
+  }, props), _ref2);
+});
+export default GlobeIcon;

package/esm/GlobeIcon/index.test.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import GlobeIcon from '@digigov/react-core/GlobeIcon';
+
+var _ref = /*#__PURE__*/React.createElement(GlobeIcon, null);
+
+it('renders the GlobeIcon with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(GlobeIcon, {
+  active: true
+});
+
+it('renders the GlobeIcon with prop active=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(GlobeIcon, {
+  variant: "dark"
+});
+
+it('renders the GlobeIcon with prop variant=dark', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(GlobeIcon, {
+  variant: "light"
+});
+
+it('renders the GlobeIcon prop variant= "light"', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(GlobeIcon, {
+  variant: "error"
+});
+
+it('renders the GlobeIcon prop variant= "error"', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(GlobeIcon, {
+  active: true,
+  variant: "light"
+});
+
+it('renders the GlobeIcon props active variant= "light"', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});

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

@@ -4,10 +4,10 @@ exports[`renders the Masthead with no props 1`] = `
 <ForwardRef(Masthead)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-masthead govgr-background-dark"
+    className="govgr-background-dark govgr-masthead--primary govgr-masthead"
   >
     <div
-      className="govgr-masthead govgr-background-dark"
+      className="govgr-background-dark govgr-masthead--primary govgr-masthead"
     >
       hello
     </div>

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

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Nav with no props 1`] = `
+<ForwardRef(Nav)>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-nav-horizontal--border govgr-horizontal-nav"
+  >
+    <nav
+      className="govgr-nav-horizontal--border govgr-horizontal-nav"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Nav)>
+`;
+
+exports[`renders the Nav with open prop 1`] = `
+<ForwardRef(Nav)
+  open={true}
+>
+  <ForwardRef(Base)
+    as="nav"
+    className="govgr-nav-horizontal--border govgr-horizontal-nav govgr-horizontal-nav--open"
+  >
+    <nav
+      className="govgr-nav-horizontal--border govgr-horizontal-nav govgr-horizontal-nav--open"
+    >
+      hello
+    </nav>
+  </ForwardRef(Base)>
+</ForwardRef(Nav)>
+`;

package/{es/NavHorizontal → esm/Nav}/index.js

@@ -1,25 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "open", "children"];
+var _excluded = ["className", "open", "layout", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
- * NavHorizontal is mainly used under the Header.
- * This is a wrapper for the NavHorizontalList component.
+ * Nav is mainly used under the Header.
+ * This is a wrapper for the NavList component.
  */
-export var NavHorizontal = /*#__PURE__*/React.forwardRef(function NavHorizontal(_ref, ref) {
+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$layout = _ref.layout,
+      layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "nav",
     ref: ref,
-    className: clsx(className, true && 'govgr-horizontal-nav', open && 'govgr-horizontal-nav--open')
+    className: clsx(className, layout === 'horizontal' && 'govgr-nav-horizontal--border', true && 'govgr-horizontal-nav', open && 'govgr-horizontal-nav--open')
   }, props), children);
 });
-export default NavHorizontal;
+export default Nav;

package/esm/Nav/index.test.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Nav from '@digigov/react-core/Nav';
+
+var _ref = /*#__PURE__*/React.createElement(Nav, null, "hello");
+
+it('renders the Nav with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(Nav, {
+  open: true
+}, "hello");
+
+it('renders the Nav with open prop', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});