@digigov/react-core 0.15.5 → 0.16.2

package/es/Grid/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "container", "item", "spacing", "inline", "xs", "sm", "md", "lg", "xl"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -23,7 +24,8 @@ export var Grid = /*#__PURE__*/React.forwardRef(function Grid(_ref, ref) {
       xl = _ref.xl,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, container === true && [inline === true && 'govgr-grid-inline', 'govgr-grid'], container && [spacing === 10 && "govgr-grid__gap-10", spacing === 12 && "govgr-grid__gap-12", spacing === 1 && "govgr-grid__gap-1", spacing === 2 && "govgr-grid__gap-2", spacing === 4 && "govgr-grid__gap-4", spacing === 6 && "govgr-grid__gap-6", spacing === 8 && "govgr-grid__gap-8"], item && [xs === 'auto' && "xs:govgr-grid__col-auto", sm === 'auto' && "sm:govgr-grid__col-auto", md === 'auto' && "md:govgr-grid__col-auto", lg === 'auto' && "lg:govgr-grid__col-auto", xl === 'auto' && "xl:govgr-grid__col-auto", xs === 10 && "xs:govgr-grid__col-span-10", xs === 11 && "xs:govgr-grid__col-span-11", xs === 12 && "xs:govgr-grid__col-span-12", sm === 10 && "sm:govgr-grid__col-span-10", sm === 11 && "sm:govgr-grid__col-span-11", sm === 12 && "sm:govgr-grid__col-span-12", md === 10 && "md:govgr-grid__col-span-10", md === 11 && "md:govgr-grid__col-span-11", md === 12 && "md:govgr-grid__col-span-12", lg === 10 && "lg:govgr-grid__col-span-10", lg === 11 && "lg:govgr-grid__col-span-11", lg === 12 && "lg:govgr-grid__col-span-12", xl === 10 && "xl:govgr-grid__col-span-10", xl === 11 && "xl:govgr-grid__col-span-11", xl === 12 && "xl:govgr-grid__col-span-12", xs === 1 && "xs:govgr-grid__col-span-1", xs === 2 && "xs:govgr-grid__col-span-2", xs === 3 && "xs:govgr-grid__col-span-3", xs === 4 && "xs:govgr-grid__col-span-4", xs === 5 && "xs:govgr-grid__col-span-5", xs === 6 && "xs:govgr-grid__col-span-6", xs === 7 && "xs:govgr-grid__col-span-7", xs === 8 && "xs:govgr-grid__col-span-8", xs === 9 && "xs:govgr-grid__col-span-9", sm === 1 && "sm:govgr-grid__col-span-1", sm === 2 && "sm:govgr-grid__col-span-2", sm === 3 && "sm:govgr-grid__col-span-3", sm === 4 && "sm:govgr-grid__col-span-4", sm === 5 && "sm:govgr-grid__col-span-5", sm === 6 && "sm:govgr-grid__col-span-6", sm === 7 && "sm:govgr-grid__col-span-7", sm === 8 && "sm:govgr-grid__col-span-8", sm === 9 && "sm:govgr-grid__col-span-9", md === 1 && "md:govgr-grid__col-span-1", md === 2 && "md:govgr-grid__col-span-2", md === 3 && "md:govgr-grid__col-span-3", md === 4 && "md:govgr-grid__col-span-4", md === 5 && "md:govgr-grid__col-span-5", md === 6 && "md:govgr-grid__col-span-6", md === 7 && "md:govgr-grid__col-span-7", md === 8 && "md:govgr-grid__col-span-8", md === 9 && "md:govgr-grid__col-span-9", lg === 1 && "lg:govgr-grid__col-span-1", lg === 2 && "lg:govgr-grid__col-span-2", lg === 3 && "lg:govgr-grid__col-span-3", lg === 4 && "lg:govgr-grid__col-span-4", lg === 5 && "lg:govgr-grid__col-span-5", lg === 6 && "lg:govgr-grid__col-span-6", lg === 7 && "lg:govgr-grid__col-span-7", lg === 8 && "lg:govgr-grid__col-span-8", lg === 9 && "lg:govgr-grid__col-span-9", xl === 1 && "xl:govgr-grid__col-span-1", xl === 2 && "xl:govgr-grid__col-span-2", xl === 3 && "xl:govgr-grid__col-span-3", xl === 4 && "xl:govgr-grid__col-span-4", xl === 5 && "xl:govgr-grid__col-span-5", xl === 6 && "xl:govgr-grid__col-span-6", xl === 7 && "xl:govgr-grid__col-span-7", xl === 8 && "xl:govgr-grid__col-span-8", xl === 9 && "xl:govgr-grid__col-span-9"])
   }, props), children);

package/es/Header/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var Header = /*#__PURE__*/React.forwardRef(function Header(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("header", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "header",
     role: "banner",
     "data-module": "govgr-header",
     ref: ref,

package/es/HeaderContent/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var HeaderContent = /*#__PURE__*/React.forwardRef(function HeaderContent(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-header__content')
   }, props), children);

package/es/HeaderLogo/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "src", "altText", "className"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var HeaderLogo = /*#__PURE__*/React.forwardRef(function HeaderLogo(_ref,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     href: href,
     ref: ref,
     className: clsx(className, true && 'govgr-header-link')

package/es/HeaderSecondaryLogo/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "src", "altText", "className"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var HeaderSecondaryLogo = /*#__PURE__*/React.forwardRef(function HeaderSe
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     href: href,
     ref: ref,
     className: clsx(className, true && 'govgr-header-link')

package/es/HeaderSection/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var HeaderSection = /*#__PURE__*/React.forwardRef(function HeaderSection(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-header__container')
   }, props), children);

package/es/HeaderSubtitle/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var HeaderSubtitle = /*#__PURE__*/React.forwardRef(function HeaderSubtitl
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className)
   }, props), children);

package/es/HeaderTitle/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var HeaderTitle = /*#__PURE__*/React.forwardRef(function HeaderTitle(_ref
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     href: href,
     ref: ref,
     className: clsx(className, true && 'govgr-header-title')

package/es/Heading/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "element", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 var getComponentBySize = function getComponentBySize(size) {
@@ -37,7 +38,8 @@ export var Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   var Component = element ? element : getComponentBySize(size);
-  return /*#__PURE__*/React.createElement(Component, _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: Component,
     ref: ref,
     className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s')
   }, props), children);

package/es/HeadingCaption/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var HeadingCaption = /*#__PURE__*/React.forwardRef(function HeadingCaptio
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "span",
     ref: ref,
     className: clsx(className, size === 'xl' && 'govgr-caption-xl', size === 'l' && 'govgr-caption-l', size === 'm' && 'govgr-caption-m')
   }, props), children);

package/es/HellenicRepublicLogo/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["lang", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 import logoEl from '@digigov/react-core/HellenicRepublicLogo/logo-el';
 import logoEn from '@digigov/react-core/HellenicRepublicLogo/logo-en';
@@ -17,7 +18,8 @@ export var HellenicRepublicLogo = /*#__PURE__*/React.forwardRef(function Helleni
       props = _objectWithoutProperties(_ref, _excluded);
 
   var logo = lang === 'en' ? logoEn : logoEl;
-  return /*#__PURE__*/React.createElement("img", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "img",
     src: logo,
     ref: ref,
     className: clsx(className, true && 'govgr-footer__government-logo')

package/es/Hidden/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "lgUp", "mdUp", "smUp", "xlUp", "xsUp"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -24,7 +25,8 @@ export var Hidden = /*#__PURE__*/React.forwardRef(function Hidden(_ref, ref) {
       xsUp = _ref$xsUp === void 0 ? false : _ref$xsUp,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, lgUp && 'govgr-lg-up', mdUp && 'govgr-md-up', smUp && 'govgr-sm-up', xlUp && 'govgr-xl-up', xsUp && 'govgr-xs-up')
   }, props), children);

package/es/Hint/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["fontSize", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var Hint = /*#__PURE__*/React.forwardRef(function Hint(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("p", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "p",
     ref: ref,
     className: clsx(className, fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '24' && 'govgr-!-font-size-24', true && 'govgr-hint')
   }, props), children);

package/es/Label/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var Label = /*#__PURE__*/React.forwardRef(function Label(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("label", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "label",
     ref: ref,
     className: clsx(className, true && 'govgr-label')
   }, props), children);

package/es/LabelTitle/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "className", "heading", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,12 +16,13 @@ export var LabelTitle = /*#__PURE__*/React.forwardRef(function LabelTitle(_ref,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "span",
     ref: ref,
     className: clsx(className, size === 'xl' && 'govgr-heading-xl', size === 'l' && 'govgr-heading-l', size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s')
   }, heading && {
-    role: "heading",
-    "aria-level": 1
+    role: 'heading',
+    'aria-level': 1
   }, props), children);
 });
 export default LabelTitle;

package/es/Layout/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "fullHeight"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var Layout = /*#__PURE__*/React.forwardRef(function Layout(_ref, ref) {
       fullHeight = _ref$fullHeight === void 0 ? true : _ref$fullHeight,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, fullHeight === true && 'govgr-layout-wrapper__full-height', true && 'govgr-layout-wrapper')
   }, props), children);

package/es/Link/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["underline", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var Link = /*#__PURE__*/React.forwardRef(function Link(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     ref: ref,
     className: clsx(className, underline === false && 'govgr-link--no-underline', true && 'govgr-link')
   }, props), children);

package/es/List/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["listStyle", "spaced", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -17,7 +18,8 @@ export var List = /*#__PURE__*/React.forwardRef(function List(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("ol", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "ol",
     ref: ref,
     className: clsx(className, listStyle === 'bullet' && 'govgr-list--bullet', listStyle === 'number' && 'govgr-list--number', spaced === true && 'govgr-list--spaced', true && 'govgr-list')
   }, props), children);

package/es/ListItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var ListItem = /*#__PURE__*/React.forwardRef(function ListItem(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("li", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "li",
     ref: ref,
     className: clsx(className, true && 'govgr-list__item')
   }, props), children);

package/es/Main/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children", "id"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var Main = /*#__PURE__*/React.forwardRef(function Main(_ref, ref) {
       id = _ref$id === void 0 ? 'main-content' : _ref$id,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("main", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "main",
     id: id,
     ref: ref,
     className: clsx(className, true && 'govgr-grid-column-two-thirds')

package/es/Masthead/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var Masthead = /*#__PURE__*/React.forwardRef(function Masthead(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && ['govgr-masthead', 'govgr-background-dark'])
   }, props), children);

package/es/MastheadBody/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -12,7 +13,8 @@ export var MastheadBody = /*#__PURE__*/React.forwardRef(function MastheadBody(_r
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("p", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "p",
     ref: ref,
     className: clsx(className, true && 'govgr-masthead-body')
   }, props), children);

package/es/NavHorizontal/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["active", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var NavHorizontal = /*#__PURE__*/React.forwardRef(function NavHorizontal(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("nav", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "nav",
     ref: ref,
     className: clsx(className, active === true && 'govgr-horizontal-nav--active', true && 'govgr-horizontal-nav')
   }, props), children);

package/es/NavHorizontalList/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var NavHorizontalList = /*#__PURE__*/React.forwardRef(function NavHorizon
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-horizontal-nav__container')
   }, props), children);

package/es/NavHorizontalListItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["active", "href", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var NavHorizontalListItem = /*#__PURE__*/React.forwardRef(function NavHor
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     href: href,
     ref: ref,
     className: clsx(className, active === true && 'govgr-horizontal-nav__item-active', true && 'govgr-horizontal-nav__item')

package/es/NavVertical/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var NavVertical = /*#__PURE__*/React.forwardRef(function NavVertical(_ref
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("nav", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "nav",
     ref: ref,
     className: clsx(className, true && 'govgr-vertical-nav')
   }, props), children);

package/es/NavVerticalItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["active", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var NavVerticalItem = /*#__PURE__*/React.forwardRef(function NavVerticalI
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     ref: ref,
     className: clsx(className, active === true && 'govgr-vertical-nav__item--active', true && ['govgr-link', 'govgr-vertical-nav__item'])
   }, props), children);

package/es/NormalText/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["variant", "fontSize", "fontWeight", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -17,7 +18,8 @@ export var NormalText = /*#__PURE__*/React.forwardRef(function NormalText(_ref,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "span",
     ref: ref,
     className: clsx(className, fontWeight == 'regular' && 'govgr-!-font-weight-regular', fontWeight == 'bold' && 'govgr-!-font-weight-bold', variant === 'small' && 'govgr-body-s', variant === 'lead' && 'govgr-body-l', fontSize === '14' && 'govgr-!-font-size-14', fontSize === '16' && 'govgr-!-font-size-16', fontSize === '19' && 'govgr-!-font-size-19', fontSize === '24' && 'govgr-!-font-size-24', fontSize === '30' && 'govgr-!-font-size-30', fontSize === '36' && 'govgr-!-font-size-36', fontSize === '48' && 'govgr-!-font-size-48', fontSize === '72' && 'govgr-!-font-size-72', true && 'govgr-body')
   }, props), children);

package/es/NotificationBanner/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["success", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -17,7 +18,8 @@ export var NotificationBanner = /*#__PURE__*/React.forwardRef(function Notificat
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     role: "region",
     "aria-labelledby": "govgr-notification-banner-title",
     "data-module": "govgr-notification-banner",

package/es/NotificationBannerContent/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var NotificationBannerContent = /*#__PURE__*/React.forwardRef(function No
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-notification-banner__content')
   }, props), children);

package/es/NotificationBannerHeader/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var NotificationBannerHeader = /*#__PURE__*/React.forwardRef(function Not
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     className: clsx(className, true && 'govgr-notification-banner__header')
   }, props), /*#__PURE__*/React.createElement("h2", {

package/es/NotificationBannerHeading/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var NotificationBannerHeading = /*#__PURE__*/React.forwardRef(function No
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("h3", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "h3",
     ref: ref,
     className: clsx(className, true && 'govgr-notification-banner__heading')
   }, props), children);

package/es/NotificationBannerLink/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -16,7 +17,8 @@ export var NotificationBannerLink = /*#__PURE__*/React.forwardRef(function Notif
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     ref: ref,
     href: href,
     className: clsx(className, true && 'govgr-notification-banner__link')