@digigov/react-core 0.15.3 → 0.16.0

package/esm/RadioConditional/index.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "className", "children"];
+var _excluded = ["className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -10,12 +11,12 @@ import clsx from 'clsx';
  * RadioConditional must be used inside Radio component
  */
 export var RadioConditional = /*#__PURE__*/React.forwardRef(function RadioConditional(_ref, ref) {
-  var name = _ref.name,
-      className = _ref.className,
+  var className = _ref.className,
       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-radios__conditional')
   }, props), /*#__PURE__*/React.createElement("div", {

package/esm/RadioConditional/index.test.js

@@ -6,12 +6,4 @@ var _ref = /*#__PURE__*/React.createElement(RadioConditional, null, "hello");
 
 it('renders the Blockquote with no props', function () {
   expect(mount(_ref)).toMatchSnapshot();
-});
-
-var _ref2 = /*#__PURE__*/React.createElement(RadioConditional, {
-  name: 'some-name'
-}, "hello");
-
-it('renders the Blockquote with name prop', function () {
-  expect(mount(_ref2)).toMatchSnapshot();
 });

package/esm/RadioItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "value", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -19,7 +20,8 @@ export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, re
     className: clsx(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/React.createElement("label", {
     className: clsx(true && 'govgr-label govgr-radios__label')
-  }, children, /*#__PURE__*/React.createElement("input", _extends({
+  }, children, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "input",
     ref: ref,
     type: "radio",
     name: name,

package/esm/SectionBreak/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["visible", "size", "className"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,7 +14,8 @@ export var SectionBreak = /*#__PURE__*/React.forwardRef(function SectionBreak(_r
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("hr", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "hr",
     ref: ref,
     className: clsx(className, visible === true && 'govgr-section-break--visible', size === 'xl' && 'govgr-section-break--xl', size === 'l' && 'govgr-section-break--l', size === 'm' && 'govgr-section-break--m', true && 'govgr-section-break')
   }, props));

package/esm/Select/index.js

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

package/esm/SelectOption/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "selected", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var SelectOption = /*#__PURE__*/React.forwardRef(function SelectOption(_r
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("option", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "option",
     value: value,
     ref: ref,
     selected: selected,

package/esm/ServiceBadge/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 ServiceBadge = /*#__PURE__*/React.forwardRef(function ServiceBadge(_r
       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-phase-banner')
   }, props), children);

package/esm/SkipLink/index.js

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

package/esm/SummaryList/index.js

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

package/esm/SummaryListItem/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 SummaryListItem = /*#__PURE__*/React.forwardRef(function SummaryListI
       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-summary-list__row')
   }, props), children);

package/esm/SummaryListItemAction/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 SummaryListItemAction = /*#__PURE__*/React.forwardRef(function Summar
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("dd", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "dd",
     ref: ref,
     className: clsx(className, true && 'govgr-summary-list__actions')
   }, props), children);

package/esm/SummaryListItemKey/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 SummaryListItemKey = /*#__PURE__*/React.forwardRef(function SummaryLi
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("dt", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "dt",
     ref: ref,
     className: clsx(className, true && 'govgr-summary-list__key')
   }, props), children);

package/esm/SummaryListItemValue/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 SummaryListItemValue = /*#__PURE__*/React.forwardRef(function Summary
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("dd", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "dd",
     ref: ref,
     className: clsx(className, true && 'govgr-summary-list__value')
   }, props), children);

package/esm/SvgIcon/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "variant", "children", "className"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(_ref, ref) {
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "svg",
     ref: ref,
     className: clsx(className, variant === 'success' && 'govgr-svg-icon--success', variant === 'primary' && 'govgr-svg-icon--primary', variant === 'warning' && 'govgr-svg-icon--warning', variant === 'light' && 'govgr-svg-icon--light', variant === 'error' && 'govgr-svg-icon--error', variant === 'focus' && 'govgr-svg-icon--focus', variant === 'dark' && 'govgr-svg-icon--dark', variant === 'gray' && 'govgr-svg-icon--gray', variant === 'link' && 'govgr-svg-icon--link', size === 'xl' && 'govgr-svg-icon--xl', size === 's' && 'govgr-svg-icon--s', size === 'm' && 'govgr-svg-icon--m', size === 'l' && 'govgr-svg-icon--l', true && 'govgr-svg-icon'),
     focusable: "false",

package/esm/Table/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["variant", "zebra", "dense", "verticalBorders", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -19,7 +20,8 @@ export var Table = /*#__PURE__*/React.forwardRef(function Table(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("table", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "table",
     ref: ref,
     className: clsx(className, verticalBorders === true && ['govgr-table--with-vertical-header', 'govgr-table--with-vertical-lines'], variant === 'light' && 'govgr-table--light', variant === 'dark' && 'govgr-table--dark', zebra === true && 'govgr-table--zebra', dense === true && 'govgr-table--dense', true && 'govgr-table')
   }, props), children);

package/esm/TableBody/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 TableBody = /*#__PURE__*/React.forwardRef(function TableBody(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("tbody", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "tbody",
     ref: ref,
     className: clsx(className, true && 'govgr-table__body')
   }, props), children);

package/esm/TableCaption/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';
 
 /**
@@ -14,7 +15,8 @@ export var TableCaption = /*#__PURE__*/React.forwardRef(function TableCaption(_r
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("caption", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "caption",
     ref: ref,
     className: clsx(className, size === 'xl' && 'govgr-table__caption--xl', size === 's' && 'govgr-table__caption--s', size === 'm' && 'govgr-table__caption--m', size === 'l' && 'govgr-table__caption--l', true && 'govgr-table__caption')
   }, props), children);

package/esm/TableContainer/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["border", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -14,7 +15,8 @@ export var TableContainer = /*#__PURE__*/React.forwardRef(function TableContaine
       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, border && 'govgr-table-container--border', true && 'govgr-table-container')
   }, props), children);

package/esm/TableDataCell/index.js

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

package/esm/TableHead/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 TableHead = /*#__PURE__*/React.forwardRef(function TableHead(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("thead", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "thead",
     ref: ref,
     className: clsx(className, true && 'govgr-table__head')
   }, props), children);

package/esm/TableHeadCell/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["dataType", "cellWidth", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -15,7 +16,8 @@ export var TableHeadCell = /*#__PURE__*/React.forwardRef(function TableHeadCell(
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("th", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "th",
     ref: ref,
     className: clsx(className, cellWidth === 'three-quarters' && 'govgr-!-width-three-quarters', cellWidth === 'one-quarter' && 'govgr-!-width-one-quarter', cellWidth === 'two-thirds' && 'govgr-!-width-two-thirds', cellWidth === 'one-third' && 'govgr-!-width-one-third', cellWidth === 'one-half' && 'govgr-!-width-one-half', dataType === 'numeric' && 'govgr-table__header--numeric', cellWidth === 'full' && 'govgr-!-width-full', true && 'govgr-table__header')
   }, props), children);

package/esm/TableNoDataRow/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 TableNoDataRow = /*#__PURE__*/React.forwardRef(function TableNoDataRo
 
   return /*#__PURE__*/React.createElement("tr", {
     className: "govgr-table__row"
-  }, /*#__PURE__*/React.createElement("td", _extends({
+  }, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "td",
     colSpan: 100,
     ref: ref,
     className: clsx(className, true && 'govgr-table__cell--no-data')

package/esm/TableRow/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 TableRow = /*#__PURE__*/React.forwardRef(function TableRow(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("tr", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "tr",
     ref: ref,
     className: clsx(className, true && 'govgr-table__row')
   }, props), children);

package/esm/Tabs/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 Tabs = /*#__PURE__*/React.forwardRef(function Tabs(_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-tabs')
   }, props), children);

package/esm/TabsHeading/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';
 
 /**
@@ -14,7 +15,8 @@ export var TabsHeading = /*#__PURE__*/React.forwardRef(function TabsHeading(_ref
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("h6", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "h6",
     ref: ref,
     className: clsx(className, size === 'm' && 'govgr-heading-m', size === 's' && 'govgr-heading-s', true && 'govgr-tabs__title')
   }, props), children);

package/esm/TabsList/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 TabsList = /*#__PURE__*/React.forwardRef(function TabsList(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "ul",
     role: "tablist",
     ref: ref,
     className: clsx(className, true && 'govgr-tabs__list')

package/esm/TabsListItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["selected", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -17,7 +18,8 @@ export var TabsListItem = /*#__PURE__*/React.forwardRef(function TabsListItem(_r
   return /*#__PURE__*/React.createElement("li", {
     role: "presentation",
     className: clsx(className, selected === true && 'govgr-tabs__list-item-selected', true && 'govgr-tabs__list-item')
-  }, /*#__PURE__*/React.createElement("a", _extends({
+  }, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     ref: ref,
     role: "tab",
     "aria-selected": selected,

package/esm/TabsPanel/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 TabsPanel = /*#__PURE__*/React.forwardRef(function TabsPanel(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     ref: ref,
     role: "tabpanel",
     "aria-hidden": !active,

package/esm/TextArea/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "rows", "error", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -17,7 +18,8 @@ export var TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("textarea", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "textarea",
     name: name,
     rows: rows,
     ref: ref,

package/esm/TextInput/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["type", "name", "characterWidth", "cellWidth", "error", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -19,7 +20,8 @@ export var TextInput = /*#__PURE__*/React.forwardRef(function TextInput(_ref, re
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("input", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "input",
     type: type,
     name: name,
     ref: ref,

package/esm/Top/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 Top = /*#__PURE__*/React.forwardRef(function Top(_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-top')
   }, props), children);