@digigov/react-core 0.15.4 → 0.16.1

package/UncheckIcon/__snapshots__/index.test.tsx.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders the UncheckIcon with no props 1`] = `
-<ForwardRef(UnCheckIcon)>
+<ForwardRef(UncheckIcon)>
   <ForwardRef(SvgIcon)
     className="govgr-svg-icon--check"
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -16,11 +16,11 @@ exports[`renders the UncheckIcon with no props 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=l 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="l"
 >
   <ForwardRef(SvgIcon)
@@ -29,7 +29,7 @@ exports[`renders the UncheckIcon with prop size=l 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--l govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--l govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -38,11 +38,11 @@ exports[`renders the UncheckIcon with prop size=l 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=m 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="m"
 >
   <ForwardRef(SvgIcon)
@@ -51,7 +51,7 @@ exports[`renders the UncheckIcon with prop size=m 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--m govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -60,11 +60,11 @@ exports[`renders the UncheckIcon with prop size=m 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=s 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="s"
 >
   <ForwardRef(SvgIcon)
@@ -73,7 +73,7 @@ exports[`renders the UncheckIcon with prop size=s 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--s govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -82,11 +82,11 @@ exports[`renders the UncheckIcon with prop size=s 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop size=xl 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="xl"
 >
   <ForwardRef(SvgIcon)
@@ -95,7 +95,7 @@ exports[`renders the UncheckIcon with prop size=xl 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--xl govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -104,11 +104,11 @@ exports[`renders the UncheckIcon with prop size=xl 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=dark 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="dark"
 >
   <ForwardRef(SvgIcon)
@@ -117,7 +117,7 @@ exports[`renders the UncheckIcon with prop variant=dark 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--dark govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--dark govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -126,11 +126,11 @@ exports[`renders the UncheckIcon with prop variant=dark 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=error 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="error"
 >
   <ForwardRef(SvgIcon)
@@ -139,7 +139,7 @@ exports[`renders the UncheckIcon with prop variant=error 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--error govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--error govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -148,11 +148,11 @@ exports[`renders the UncheckIcon with prop variant=error 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="xl"
   variant="warning"
 >
@@ -163,7 +163,7 @@ exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -172,11 +172,11 @@ exports[`renders the UncheckIcon with prop variant=error and size= xl 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=focus 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="focus"
 >
   <ForwardRef(SvgIcon)
@@ -185,7 +185,7 @@ exports[`renders the UncheckIcon with prop variant=focus 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--focus govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--focus govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -194,11 +194,11 @@ exports[`renders the UncheckIcon with prop variant=focus 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=gray 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="gray"
 >
   <ForwardRef(SvgIcon)
@@ -207,7 +207,7 @@ exports[`renders the UncheckIcon with prop variant=gray 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--gray govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--gray govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -216,11 +216,11 @@ exports[`renders the UncheckIcon with prop variant=gray 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=light 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="light"
 >
   <ForwardRef(SvgIcon)
@@ -229,7 +229,7 @@ exports[`renders the UncheckIcon with prop variant=light 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--light govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--light govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -238,11 +238,11 @@ exports[`renders the UncheckIcon with prop variant=light 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=primary 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="primary"
 >
   <ForwardRef(SvgIcon)
@@ -251,7 +251,7 @@ exports[`renders the UncheckIcon with prop variant=primary 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--primary govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--primary govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -260,11 +260,11 @@ exports[`renders the UncheckIcon with prop variant=primary 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=success 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="success"
 >
   <ForwardRef(SvgIcon)
@@ -273,7 +273,7 @@ exports[`renders the UncheckIcon with prop variant=success 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--success govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--success govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -282,11 +282,11 @@ exports[`renders the UncheckIcon with prop variant=success 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=warning 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   variant="warning"
 >
   <ForwardRef(SvgIcon)
@@ -295,7 +295,7 @@ exports[`renders the UncheckIcon with prop variant=warning 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--m govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -304,11 +304,11 @@ exports[`renders the UncheckIcon with prop variant=warning 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;
 
 exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
-<ForwardRef(UnCheckIcon)
+<ForwardRef(UncheckIcon)
   size="s"
   variant="warning"
 >
@@ -319,7 +319,7 @@ exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
   >
     <svg
       aria-hidden="true"
-      className="govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon--check govgr-svg-icon"
+      className="govgr-svg-icon--check govgr-svg-icon--warning govgr-svg-icon--s govgr-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -328,5 +328,5 @@ exports[`renders the UncheckIcon with prop variant=warning and size=s 1`] = `
       />
     </svg>
   </ForwardRef(SvgIcon)>
-</ForwardRef(UnCheckIcon)>
+</ForwardRef(UncheckIcon)>
 `;

package/UncheckIcon/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SvgIconProps } from '@digigov/react-core/SvgIcon';
-export interface UnCheckIconProps extends SvgIconProps {
+export interface UncheckIconProps extends SvgIconProps {
     /**
      * ref is optional.
      * ref prop declares the reference of the svg icon component.
@@ -9,7 +9,7 @@ export interface UnCheckIconProps extends SvgIconProps {
     ref?: React.Ref<SVGSVGElement>;
 }
 /**
- * Use UnunCheckIcon component when you need a uncheck/decline icon.
+ * Use UnUncheckIcon component when you need a uncheck/decline icon.
  */
-export declare const UnCheckIcon: React.FC<UnCheckIconProps>;
-export default UnCheckIcon;
+export declare const UncheckIcon: React.FC<UncheckIconProps>;
+export default UncheckIcon;

package/UncheckIcon/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.UnCheckIcon = void 0;
+exports["default"] = exports.UncheckIcon = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -24,9 +24,9 @@ var _ref2 = /*#__PURE__*/_react["default"].createElement("polygon", {
 });
 
 /**
- * Use UnunCheckIcon component when you need a uncheck/decline icon.
+ * Use UnUncheckIcon component when you need a uncheck/decline icon.
  */
-var UnCheckIcon = /*#__PURE__*/_react["default"].forwardRef(function UnCheckIcon(_ref, ref) {
+var UncheckIcon = /*#__PURE__*/_react["default"].forwardRef(function UncheckIcon(_ref, ref) {
   var size = _ref.size,
       variant = _ref.variant,
       className = _ref.className,
@@ -39,6 +39,6 @@ var UnCheckIcon = /*#__PURE__*/_react["default"].forwardRef(function UnCheckIcon
   }, props), _ref2);
 });
 
-exports.UnCheckIcon = UnCheckIcon;
-var _default = UnCheckIcon;
+exports.UncheckIcon = UncheckIcon;
+var _default = UncheckIcon;
 exports["default"] = _default;

package/Unpurge/index.d.ts

@@ -0,0 +1,2 @@
+declare function Unpurge(): JSX.Element;
+export default Unpurge;

package/Unpurge/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function Unpurge() {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "\n    govgr-m-0 \n    govgr-mt-0 \n    govgr-mb-0 \n    govgr-mr-0 \n    govgr-ml-0 \n    govgr-p-0 \n    govgr-pt-0 \n    govgr-pb-0 \n    govgr-pr-0 \n    govgr-pl-0 \n    govgr-m-1 \n    govgr-mt-1 \n    govgr-mb-1 \n    govgr-mr-1 \n    govgr-ml-1 \n    govgr-p-1 \n    govgr-pt-1 \n    govgr-pb-1 \n    govgr-pr-1 \n    govgr-pl-1 \n    govgr-m-2 \n    govgr-mt-2 \n    govgr-mb-2 \n    govgr-mr-2 \n    govgr-ml-2 \n    govgr-p-2 \n    govgr-pt-2 \n    govgr-pb-2 \n    govgr-pr-2 \n    govgr-pl-2 \n    govgr-m-3 \n    govgr-mt-3 \n    govgr-mb-3 \n    govgr-mr-3 \n    govgr-ml-3 \n    govgr-p-3 \n    govgr-pt-3 \n    govgr-pb-3 \n    govgr-pr-3 \n    govgr-pl-3 \n    govgr-m-4 \n    govgr-mt-4 \n    govgr-mb-4 \n    govgr-mr-4 \n    govgr-ml-4 \n    govgr-p-4 \n    govgr-pt-4 \n    govgr-pb-4 \n    govgr-pr-4 \n    govgr-pl-4 \n    govgr-m-5 \n    govgr-mt-5 \n    govgr-mb-5 \n    govgr-mr-5 \n    govgr-ml-5 \n    govgr-p-5 \n    govgr-pt-5 \n    govgr-pb-5 \n    govgr-pr-5 \n    govgr-pl-5 \n    govgr-m-6 \n    govgr-mt-6 \n    govgr-mb-6 \n    govgr-mr-6 \n    govgr-ml-6 \n    govgr-p-6 \n    govgr-pt-6 \n    govgr-pb-6 \n    govgr-pr-6 \n    govgr-pl-6 \n    govgr-m-7 \n    govgr-mt-7 \n    govgr-mb-7 \n    govgr-mr-7 \n    govgr-ml-7 \n    govgr-p-7 \n    govgr-pt-7 \n    govgr-pb-7 \n    govgr-pr-7 \n    govgr-pl-7 \n    govgr-m-8 \n    govgr-mt-8 \n    govgr-mb-8 \n    govgr-mr-8 \n    govgr-ml-8 \n    govgr-p-8 \n    govgr-pt-8 \n    govgr-pb-8 \n    govgr-pr-8 \n    govgr-pl-8 \n    govgr-m-9 \n    govgr-mt-9 \n    govgr-mb-9 \n    govgr-mr-9 \n    govgr-ml-9 \n    govgr-p-9 \n    govgr-pt-9 \n    govgr-pb-9 \n    govgr-pr-9 \n    govgr-pl-9 \n    govgr-print-hidden\n    "
+  });
+}
+
+var _default = Unpurge;
+exports["default"] = _default;

package/VisuallyHidden/index.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-declare type SpanElementAttributes = JSX.IntrinsicElements['span'];
-export interface VisuallyHiddenProps extends SpanElementAttributes {
+import { BaseProps } from '@digigov/react-core/Base';
+export interface VisuallyHiddenProps extends BaseProps<'span'> {
 }
 /**
  * Details for the VisuallyHidden.
  * VisuallyHidden component provides text for screen readers that is visually hidden.
  */
-export declare const VisuallyHidden: React.ForwardRefExoticComponent<Pick<VisuallyHiddenProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const VisuallyHidden: React.ForwardRefExoticComponent<Pick<VisuallyHiddenProps, "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden"> & React.RefAttributes<HTMLSpanElement>>;
 export default VisuallyHidden;

package/VisuallyHidden/index.js

@@ -13,6 +13,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
 var _clsx = _interopRequireDefault(require("clsx"));
 
 var _excluded = ["className", "children"];
@@ -25,7 +27,8 @@ var VisuallyHidden = /*#__PURE__*/_react["default"].forwardRef(function Visually
   var className = _ref.className,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    as: "span",
     ref: ref,
     className: (0, _clsx["default"])(className, true && 'govgr-visually-hidden')
   }, props), children);

package/WarningText/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-declare type DivElementAttributes = JSX.IntrinsicElements['div'];
-export interface WarningTextProps extends DivElementAttributes {
+import { BaseProps } from '@digigov/react-core/Base';
+export interface WarningTextProps extends BaseProps<'div'> {
 }
 /**
  * WarningText.
  * Use the WarningText component when you need to warn users about something important.
  * The component is used with a text inside it.
  */
-export declare const WarningText: React.ForwardRefExoticComponent<Pick<WarningTextProps, "className" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+export declare const WarningText: React.ForwardRefExoticComponent<Pick<WarningTextProps, "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden"> & React.RefAttributes<HTMLDivElement>>;
 export default WarningText;

package/WarningText/index.js

@@ -13,6 +13,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireDefault(require("react"));
 
+var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
+
 var _clsx = _interopRequireDefault(require("clsx"));
 
 var _excluded = ["className", "children"];
@@ -26,7 +28,8 @@ var WarningText = /*#__PURE__*/_react["default"].forwardRef(function WarningText
   var className = _ref.className,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
+    as: "div",
     ref: ref,
     className: (0, _clsx["default"])(className, true && 'govgr-warning-text')
   }, props), /*#__PURE__*/_react["default"].createElement("span", {

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

package/es/AccordionControls/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 AccordionControls = /*#__PURE__*/React.forwardRef(function AccordionC
       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-accordion__controls')
   }, props), children);

package/es/AccordionSection/index.js

@@ -2,11 +2,12 @@ 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';
 
 /**
  * AccordionSection should be inside the Accordion component.
- * 
+ *
  * Inside this component must place the AccordionSectionHeader and the AccordionSectionContent components.
  */
 // eslint-disable-next-line react/display-name
@@ -15,7 +16,8 @@ export var AccordionSection = /*#__PURE__*/React.forwardRef(function AccordionSe
       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-accordion__section')
   }, props), children);

package/es/AccordionSectionContent/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 AccordionSectionContent = /*#__PURE__*/React.forwardRef(function Acco
       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-accordion__section-content')
   }, props), children);

package/es/AccordionSectionHeader/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 AccordionSectionHeader = /*#__PURE__*/React.forwardRef(function Accor
       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-accordion__section-header')
   }, props), /*#__PURE__*/React.createElement("h2", {