@digigov/react-core 0.15.5 → 0.16.0

package/esm/BackLink/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["href", "tabIndex", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 import CaretIcon from '@digigov/react-core/CaretIcon';
 
@@ -18,7 +19,8 @@ export var BackLink = /*#__PURE__*/React.forwardRef(function BackLink(_ref, ref)
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("a", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "a",
     href: href,
     onClick: function onClick() {
       !href && window.history.back();

package/esm/Base/index.js

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "printHidden", "children", "className"];
+import React from 'react';
+import clsx from 'clsx';
+
+function calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden) {
+  var classList = {};
+
+  for (var i = 0; i < 9; i++) {
+    classList["govgr-m-".concat(i)] = margin === i;
+    classList["govgr-mt-".concat(i)] = marginTop === i;
+    classList["govgr-mb-".concat(i)] = marginBottom === i;
+    classList["govgr-mr-".concat(i)] = marginRight === i;
+    classList["govgr-ml-".concat(i)] = marginLeft === i;
+    classList["govgr-p-".concat(i)] = padding === i;
+    classList["govgr-pt-".concat(i)] = paddingTop === i;
+    classList["govgr-pb-".concat(i)] = paddingBottom === i;
+    classList["govgr-pr-".concat(i)] = paddingRight === i;
+    classList["govgr-pl-".concat(i)] = paddingLeft === i;
+  }
+
+  classList['govgr-print-hidden'] = !!printHidden;
+  return classList;
+}
+
+export var Base = /*#__PURE__*/React.forwardRef(function Base(_ref, ref) {
+  var as = _ref.as,
+      margin = _ref.margin,
+      marginTop = _ref.marginTop,
+      marginBottom = _ref.marginBottom,
+      marginLeft = _ref.marginLeft,
+      marginRight = _ref.marginRight,
+      padding = _ref.padding,
+      paddingTop = _ref.paddingTop,
+      paddingBottom = _ref.paddingBottom,
+      paddingLeft = _ref.paddingLeft,
+      paddingRight = _ref.paddingRight,
+      printHidden = _ref.printHidden,
+      children = _ref.children,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var Component = as || 'span';
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    className: clsx(className, calculateClasses(margin, marginTop, marginBottom, marginRight, marginLeft, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, printHidden))
+  }, props), children);
+});
+export default Base;

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

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

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

package/esm/BreadcrumbsList/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 BreadcrumbsList = /*#__PURE__*/React.forwardRef(function BreadcrumbsL
       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, true && 'govgr-breadcrumbs__list')
   }, props), children);

package/esm/BreadcrumbsListItem/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 BreadcrumbsListItem = /*#__PURE__*/React.forwardRef(function Breadcru
       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-breadcrumbs__list-item')
   }, props), /*#__PURE__*/React.createElement("a", {

package/esm/Button/index.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["color", "variant", "disabled", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
 
 /**
  * Use the Button component to help users carry out an action.
@@ -17,7 +18,8 @@ export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "button",
     disabled: disabled,
     ref: ref,
     className: clsx(className, variant === 'button' && [color === 'secondary' && 'govgr-btn-secondary', color === 'primary' && 'govgr-btn-primary', color === 'warning' && 'govgr-btn-warning', disabled === true && 'govgr-btn-disabled', 'govgr-btn'], variant === 'link' && 'govgr-link')

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

package/esm/ButtonLink/index.js

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

package/esm/Card/index.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["variant", "borderColor", "callToAction", "style", "className", "children"];
+var _excluded = ["variant", "borderColor", "callToAction", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -13,12 +14,12 @@ export var Card = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
   var variant = _ref.variant,
       borderColor = _ref.borderColor,
       callToAction = _ref.callToAction,
-      style = _ref.style,
       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, variant === 'border-top' && 'govgr-card--border-top', borderColor === 'gray' && 'govgr-card--border-gray', borderColor === 'dark' && 'govgr-card--border-dark', variant === 'divider' && 'govgr-card--divider', variant === 'border' && 'govgr-card--border', callToAction && 'govgr-card--cta', true && 'govgr-card')
   }, props), /*#__PURE__*/React.createElement("div", {

package/esm/CardAction/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 CardAction = /*#__PURE__*/React.forwardRef(function CardText(_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,
     className: clsx(className, true && 'govgr-card__action')
   }, props), children);

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

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

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

package/esm/CheckboxConditional/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';
  * CheckboxConditional must be used inside Checkbox component
  */
 export var CheckboxConditional = /*#__PURE__*/React.forwardRef(function CheckboxConditional(_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-checkboxes__conditional')
   }, props), /*#__PURE__*/React.createElement("div", {

package/esm/CheckboxConditional/index.test.js

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

package/esm/CheckboxItem/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';
 
 /**
@@ -20,7 +21,8 @@ export var CheckboxItem = /*#__PURE__*/React.forwardRef(function CheckboxItem(_r
     className: clsx(className, true && 'govgr-checkboxes__item')
   }, /*#__PURE__*/React.createElement("label", {
     className: clsx(true && 'govgr-label govgr-checkboxes__label')
-  }, children, /*#__PURE__*/React.createElement("input", _extends({
+  }, children, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "input",
     ref: ref,
     type: "checkbox",
     name: name,

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

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

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

package/esm/Container/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["cols", "fullWidth", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -16,10 +17,12 @@ export var Container = /*#__PURE__*/React.forwardRef(function Container(_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,
     className: clsx(className, !fullWidth && 'govgr-width-container', fullWidth && 'govgr-full-width-container')
-  }, props), /*#__PURE__*/React.createElement("div", _extends({
+  }, props), /*#__PURE__*/React.createElement(Base, _extends({
+    as: "div",
     className: clsx(cols && 'govgr-main-wrapper')
   }, props), children));
 });

package/esm/Copyright/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 Copyright = /*#__PURE__*/React.forwardRef(function Copyright(_ref, re
       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-footer__licence-description')
   }, props), children);

package/esm/DateInput/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 DateInput = /*#__PURE__*/React.forwardRef(function DateInput(_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,
     className: clsx(className, true && 'govgr-date-input')
   }, props), children);

package/esm/DateInputItem/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "width", "error", "className", "children"];
 import React from 'react';
+import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
 /**
@@ -22,7 +23,8 @@ export var DateInputItem = /*#__PURE__*/React.forwardRef(function DateInputItem(
     className: clsx(className, true && 'govgr-date-input__item')
   }, /*#__PURE__*/React.createElement("label", {
     className: clsx(true && 'govgr-label')
-  }, children, /*#__PURE__*/React.createElement("input", _extends({
+  }, children, /*#__PURE__*/React.createElement(Base, _extends({
+    as: "input",
     ref: ref,
     type: "text",
     pattern: "[0-9]*",

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

package/esm/DetailsContent/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 DetailsContent = /*#__PURE__*/React.forwardRef(function DetailsConten
       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-details__summary-text')
   }, props), children);

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

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

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

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