@digigov/react-core 0.15.0 → 0.15.3

package/SummaryList/index.d.ts

@@ -1,10 +1,16 @@
 import React from 'react';
 declare type DlElementAttributes = JSX.IntrinsicElements['dl'];
 export interface SummaryListProps extends DlElementAttributes {
+    /**
+     * border is optional.
+     * By default, SummaryList has borders. You can remove borders by using border prop.
+     * By default is true
+     */
+    border?: boolean;
 }
 /**
  * SummaryList used as a table with summary informations.
  * It must contain a list of SummaryListItem components.
  */
-export declare const SummaryList: React.ForwardRefExoticComponent<Pick<SummaryListProps, "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<HTMLDListElement>>;
+export declare const SummaryList: React.ForwardRefExoticComponent<Pick<SummaryListProps, "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" | "border"> & React.RefAttributes<HTMLDListElement>>;
 export default SummaryList;

package/SummaryList/index.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _excluded = ["className", "border", "children"];
 
 /**
  * SummaryList used as a table with summary informations.
@@ -23,11 +23,13 @@ var _excluded = ["className", "children"];
  */
 var SummaryList = /*#__PURE__*/_react["default"].forwardRef(function SummaryList(_ref, ref) {
   var className = _ref.className,
+      _ref$border = _ref.border,
+      border = _ref$border === void 0 ? true : _ref$border,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement("dl", (0, _extends2["default"])({
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-summary-list')
+    className: (0, _clsx["default"])(className, !border && 'govgr-summary-list--no-border', true && 'govgr-summary-list')
   }, props), children);
 });
 

package/UncheckIcon/index.js

@@ -34,7 +34,7 @@ var UnCheckIcon = /*#__PURE__*/_react["default"].forwardRef(function UnCheckIcon
   return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
     size: size,
     variant: variant,
-    className: (0, _clsx["default"])(className && className, true && 'govgr-svg-icon--check'),
+    className: (0, _clsx["default"])(className, true && 'govgr-svg-icon--check'),
     ref: ref
   }, props), _ref2);
 });

package/es/AccordionSectionSummary/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "ariaLevel", "children"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -9,12 +9,16 @@ import clsx from 'clsx';
  */
 export var AccordionSectionSummary = /*#__PURE__*/React.forwardRef(function AccordionSectionSummary(_ref, ref) {
   var className = _ref.className,
+      _ref$ariaLevel = _ref.ariaLevel,
+      ariaLevel = _ref$ariaLevel === void 0 ? 2 : _ref$ariaLevel,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("summary", _extends({
     ref: ref,
-    className: clsx(className, true && 'govgr-accordion__section-summary')
+    className: clsx(className, true && 'govgr-accordion__section-summary'),
+    role: "heading",
+    "aria-level": ariaLevel
   }, props), children);
 });
 export default AccordionSectionSummary;

package/es/AccordionSectionSummaryHeading/index.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
-import React from 'react';
+import React, { useState } from 'react';
 import clsx from 'clsx';
 
 /**
@@ -12,10 +13,23 @@ export var AccordionSectionSummaryHeading = /*#__PURE__*/React.forwardRef(functi
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
+  var toggleExpanded = function toggleExpanded() {
+    setExpanded(!isExpanded);
+  };
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isExpanded = _useState2[0],
+      setExpanded = _useState2[1];
+
   return /*#__PURE__*/React.createElement("h2", _extends({
     ref: ref,
     className: clsx(className, true && 'govgr-accordion__section-heading')
-  }, props), /*#__PURE__*/React.createElement("span", {
+  }, props, {
+    role: "button",
+    "aria-expanded": isExpanded,
+    onClick: toggleExpanded
+  }), /*#__PURE__*/React.createElement("span", {
     className: clsx(true && 'govgr-accordion__section-button')
   }, children));
 });

package/es/ArrowIcon/index.js

@@ -36,7 +36,7 @@ export var ArrowIcon = /*#__PURE__*/React.forwardRef(function ArrowIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(direction === 'right' && 'govgr-arrow--right', direction === 'left' && 'govgr-arrow--left', direction === 'down' && 'govgr-arrow--down', direction === 'up' && 'govgr-arrow--up', className && className),
+    className: clsx(className, direction === 'right' && 'govgr-arrow--right', direction === 'left' && 'govgr-arrow--left', direction === 'down' && 'govgr-arrow--down', direction === 'up' && 'govgr-arrow--up'),
     ref: ref
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });

package/es/BurgerIcon/index.js

@@ -38,7 +38,7 @@ export var BurgerIcon = /*#__PURE__*/React.forwardRef(function BurgerIcon(_ref,
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     variant: variant,
     size: size,
-    className: clsx(active === true && 'govgr-burger-icon--active', hidden === 's' && 'govgr-burger-icon--hidden-s', hidden === 'm' && 'govgr-burger-icon--hidden-m', hidden === 'l' && 'govgr-burger-icon--hidden-l', className && className, true && 'govgr-burger-icon'),
+    className: clsx(className, active === true && 'govgr-burger-icon--active', hidden === 's' && 'govgr-burger-icon--hidden-s', hidden === 'm' && 'govgr-burger-icon--hidden-m', hidden === 'l' && 'govgr-burger-icon--hidden-l', true && 'govgr-burger-icon'),
     ref: ref
   }, props), _ref2, _ref3, _ref4);
 });

package/es/CardAction/index.js

@@ -16,7 +16,7 @@ export var CardAction = /*#__PURE__*/React.forwardRef(function CardText(_ref, re
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className && className, true && 'govgr-card__action')
+    className: clsx(className, true && 'govgr-card__action')
   }, props), children);
 });
 export default CardAction;

package/es/CardHeading/index.js

@@ -17,7 +17,7 @@ export var CardHeading = /*#__PURE__*/React.forwardRef(function CardHeading(_ref
     ref: ref,
     role: "heading",
     "aria-level": 2,
-    className: clsx(className && className, true && 'govgr-card__heading')
+    className: clsx(className, true && 'govgr-card__heading')
   }, props), children);
 });
 export default CardHeading;

package/es/CardText/index.js

@@ -15,7 +15,7 @@ export var CardText = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref)
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className && className, true && 'govgr-card__text')
+    className: clsx(className, true && 'govgr-card__text')
   }, props), children);
 });
 export default CardText;

package/es/CaretIcon/index.js

@@ -36,7 +36,7 @@ export var CaretIcon = /*#__PURE__*/React.forwardRef(function CaretIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up', className && className),
+    className: clsx(className, direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up'),
     ref: ref
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });

package/es/CheckIcon/index.js

@@ -21,7 +21,7 @@ export var CheckIcon = /*#__PURE__*/React.forwardRef(function CheckIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(className && className, true && 'govgr-svg-icon--check'),
+    className: clsx(className, true && 'govgr-svg-icon--check'),
     ref: ref
   }, props), _ref2);
 });

package/es/CloseIcon/index.js

@@ -22,7 +22,7 @@ export var CloseIcon = /*#__PURE__*/React.forwardRef(function CloseIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(className && className, true && 'govgr-close-icon'),
+    className: clsx(className, true && 'govgr-close-icon'),
     ref: ref
   }, props), _ref2);
 });

package/es/Field/index.js

@@ -1,8 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["error", "className", "children"];
 import React from 'react';
 import clsx from 'clsx';
+import Grid from '@digigov/react-core/Grid';
 
 /**
  * Field component wraps form components such as Checkbox TextInput TextArea etc.
@@ -11,11 +9,22 @@ export var Field = /*#__PURE__*/React.forwardRef(function Field(_ref, ref) {
   var error = _ref.error,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement("div", _extends({
+      _ref$xs = _ref.xs,
+      xs = _ref$xs === void 0 ? 12 : _ref$xs,
+      _ref$md = _ref.md,
+      md = _ref$md === void 0 ? 12 : _ref$md,
+      _ref$lg = _ref.lg,
+      lg = _ref$lg === void 0 ? 12 : _ref$lg,
+      _ref$xl = _ref.xl,
+      xl = _ref$xl === void 0 ? 12 : _ref$xl;
+  return /*#__PURE__*/React.createElement(Grid, {
     ref: ref,
-    className: clsx(className, error === true && 'govgr-field__error', true && 'govgr-field')
-  }, props), children);
+    className: clsx(className, error === true && 'govgr-field__error', true && 'govgr-field'),
+    item: true,
+    xs: xs,
+    md: md,
+    lg: lg,
+    xl: xl
+  }, children);
 });
 export default Field;

package/es/Form/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Form with grid props 1`] = `
+<ForwardRef(Form)
+  grid={true}
+>
+  <form
+    className="govgr-form govgr-grid"
+  >
+    hello
+  </form>
+</ForwardRef(Form)>
+`;
+
+exports[`renders the Form with no props 1`] = `
+<ForwardRef(Form)>
+  <form
+    className="govgr-form"
+  >
+    hello
+  </form>
+</ForwardRef(Form)>
+`;

package/es/Form/index.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children", "grid"];
+import React from 'react';
+import clsx from 'clsx';
+
+/**
+ * Use this inside the Content component for additional content
+ * that will be shown on the left one third of the page
+ */
+export var Form = /*#__PURE__*/React.forwardRef(function Form(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      _ref$grid = _ref.grid,
+      grid = _ref$grid === void 0 ? false : _ref$grid,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("form", _extends({
+    ref: ref,
+    className: clsx(className, true && 'govgr-form', grid && 'govgr-grid')
+  }, props), children);
+});
+export default Form;

package/es/Form/index.test.js

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

package/es/MoreVertIcon/index.js

@@ -35,7 +35,7 @@ export var MoreVertIcon = /*#__PURE__*/React.forwardRef(function MoreVertIcon(_r
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(className && className, true && 'govgr-svg-icon--check'),
+    className: clsx(className, true && 'govgr-svg-icon--check'),
     ref: ref
   }, props), _ref2, _ref3, _ref4);
 });

package/es/Radio/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "children", "inline"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -11,11 +11,12 @@ import clsx from 'clsx';
 export var Radio = /*#__PURE__*/React.forwardRef(function Radio(_ref, ref) {
   var className = _ref.className,
       children = _ref.children,
+      inline = _ref.inline,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className, true && 'govgr-radios')
+    className: clsx(className, inline === true && 'govgr-radios--inline', true && 'govgr-radios')
   }, props), children);
 });
 export default Radio;

package/es/SummaryList/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "border", "children"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -10,12 +10,14 @@ import clsx from 'clsx';
  */
 export var SummaryList = /*#__PURE__*/React.forwardRef(function SummaryList(_ref, ref) {
   var className = _ref.className,
+      _ref$border = _ref.border,
+      border = _ref$border === void 0 ? true : _ref$border,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("dl", _extends({
     ref: ref,
-    className: clsx(className, true && 'govgr-summary-list')
+    className: clsx(className, !border && 'govgr-summary-list--no-border', true && 'govgr-summary-list')
   }, props), children);
 });
 export default SummaryList;

package/es/UncheckIcon/index.js

@@ -21,7 +21,7 @@ export var UnCheckIcon = /*#__PURE__*/React.forwardRef(function UnCheckIcon(_ref
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(className && className, true && 'govgr-svg-icon--check'),
+    className: clsx(className, true && 'govgr-svg-icon--check'),
     ref: ref
   }, props), _ref2);
 });

package/es/registry.js

@@ -2,10 +2,10 @@ import * as _digigov_react_core from '@digigov/react-core';
 import * as _digigov_react_core_Accordion from '@digigov/react-core/Accordion';
 import * as _digigov_react_core_AccordionControls from '@digigov/react-core/AccordionControls';
 import * as _digigov_react_core_AccordionSection from '@digigov/react-core/AccordionSection';
-import * as _digigov_react_core_AccordionSectionContent from '@digigov/react-core/AccordionSectionContent';
+import * as _digigov_react_core_AccordionSectionHeader from '@digigov/react-core/AccordionSectionHeader';
 import * as _digigov_react_core_AccordionSectionSummary from '@digigov/react-core/AccordionSectionSummary';
+import * as _digigov_react_core_AccordionSectionContent from '@digigov/react-core/AccordionSectionContent';
 import * as _digigov_react_core_AccordionSectionSummaryHeading from '@digigov/react-core/AccordionSectionSummaryHeading';
-import * as _digigov_react_core_AccordionSectionHeader from '@digigov/react-core/AccordionSectionHeader';
 import * as _digigov_react_core_ArrowIcon from '@digigov/react-core/ArrowIcon';
 import * as _digigov_react_core_Aside from '@digigov/react-core/Aside';
 import * as _digigov_react_core_BackLink from '@digigov/react-core/BackLink';
@@ -42,8 +42,8 @@ import * as _digigov_react_core_DetailsSummary from '@digigov/react-core/Details
 import * as _digigov_react_core_ErrorMessage from '@digigov/react-core/ErrorMessage';
 import * as _digigov_react_core_ErrorSummary from '@digigov/react-core/ErrorSummary';
 import * as _digigov_react_core_Field from '@digigov/react-core/Field';
-import * as _digigov_react_core_Fieldset from '@digigov/react-core/Fieldset';
 import * as _digigov_react_core_FieldsetLegend from '@digigov/react-core/FieldsetLegend';
+import * as _digigov_react_core_Fieldset from '@digigov/react-core/Fieldset';
 import * as _digigov_react_core_FileUpload from '@digigov/react-core/FileUpload';
 import * as _digigov_react_core_Footer from '@digigov/react-core/Footer';
 import * as _digigov_react_core_FooterContainer from '@digigov/react-core/FooterContainer';
@@ -58,9 +58,9 @@ import * as _digigov_react_core_FooterList from '@digigov/react-core/FooterList'
 import * as _digigov_react_core_FooterListItem from '@digigov/react-core/FooterListItem';
 import * as _digigov_react_core_FooterMeta from '@digigov/react-core/FooterMeta';
 import * as _digigov_react_core_FooterMetaItem from '@digigov/react-core/FooterMetaItem';
-import * as _digigov_react_core_FooterNavigation from '@digigov/react-core/FooterNavigation';
-import * as _digigov_react_core_FooterSection from '@digigov/react-core/FooterSection';
 import * as _digigov_react_core_GovGRFooter from '@digigov/react-core/GovGRFooter';
+import * as _digigov_react_core_FooterSection from '@digigov/react-core/FooterSection';
+import * as _digigov_react_core_FooterNavigation from '@digigov/react-core/FooterNavigation';
 import * as _digigov_react_core_GovGRLogo from '@digigov/react-core/GovGRLogo';
 import * as _digigov_react_core_Grid from '@digigov/react-core/Grid';
 import * as _digigov_react_core_Header from '@digigov/react-core/Header';
@@ -114,6 +114,7 @@ import * as _digigov_react_core_SectionBreak from '@digigov/react-core/SectionBr
 import * as _digigov_react_core_Select from '@digigov/react-core/Select';
 import * as _digigov_react_core_SelectOption from '@digigov/react-core/SelectOption';
 import * as _digigov_react_core_ServiceBadge from '@digigov/react-core/ServiceBadge';
+import * as _digigov_react_core_SkipLink from '@digigov/react-core/SkipLink';
 import * as _digigov_react_core_SummaryList from '@digigov/react-core/SummaryList';
 import * as _digigov_react_core_SummaryListItem from '@digigov/react-core/SummaryListItem';
 import * as _digigov_react_core_SummaryListItemAction from '@digigov/react-core/SummaryListItemAction';
@@ -158,10 +159,10 @@ export default {
   '@digigov/react-core/Accordion': lazyImport(_digigov_react_core_Accordion),
   '@digigov/react-core/AccordionControls': lazyImport(_digigov_react_core_AccordionControls),
   '@digigov/react-core/AccordionSection': lazyImport(_digigov_react_core_AccordionSection),
-  '@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
+  '@digigov/react-core/AccordionSectionHeader': lazyImport(_digigov_react_core_AccordionSectionHeader),
   '@digigov/react-core/AccordionSectionSummary': lazyImport(_digigov_react_core_AccordionSectionSummary),
+  '@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
   '@digigov/react-core/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
-  '@digigov/react-core/AccordionSectionHeader': lazyImport(_digigov_react_core_AccordionSectionHeader),
   '@digigov/react-core/ArrowIcon': lazyImport(_digigov_react_core_ArrowIcon),
   '@digigov/react-core/Aside': lazyImport(_digigov_react_core_Aside),
   '@digigov/react-core/BackLink': lazyImport(_digigov_react_core_BackLink),
@@ -198,8 +199,8 @@ export default {
   '@digigov/react-core/ErrorMessage': lazyImport(_digigov_react_core_ErrorMessage),
   '@digigov/react-core/ErrorSummary': lazyImport(_digigov_react_core_ErrorSummary),
   '@digigov/react-core/Field': lazyImport(_digigov_react_core_Field),
-  '@digigov/react-core/Fieldset': lazyImport(_digigov_react_core_Fieldset),
   '@digigov/react-core/FieldsetLegend': lazyImport(_digigov_react_core_FieldsetLegend),
+  '@digigov/react-core/Fieldset': lazyImport(_digigov_react_core_Fieldset),
   '@digigov/react-core/FileUpload': lazyImport(_digigov_react_core_FileUpload),
   '@digigov/react-core/Footer': lazyImport(_digigov_react_core_Footer),
   '@digigov/react-core/FooterContainer': lazyImport(_digigov_react_core_FooterContainer),
@@ -214,9 +215,9 @@ export default {
   '@digigov/react-core/FooterListItem': lazyImport(_digigov_react_core_FooterListItem),
   '@digigov/react-core/FooterMeta': lazyImport(_digigov_react_core_FooterMeta),
   '@digigov/react-core/FooterMetaItem': lazyImport(_digigov_react_core_FooterMetaItem),
-  '@digigov/react-core/FooterNavigation': lazyImport(_digigov_react_core_FooterNavigation),
-  '@digigov/react-core/FooterSection': lazyImport(_digigov_react_core_FooterSection),
   '@digigov/react-core/GovGRFooter': lazyImport(_digigov_react_core_GovGRFooter),
+  '@digigov/react-core/FooterSection': lazyImport(_digigov_react_core_FooterSection),
+  '@digigov/react-core/FooterNavigation': lazyImport(_digigov_react_core_FooterNavigation),
   '@digigov/react-core/GovGRLogo': lazyImport(_digigov_react_core_GovGRLogo),
   '@digigov/react-core/Grid': lazyImport(_digigov_react_core_Grid),
   '@digigov/react-core/Header': lazyImport(_digigov_react_core_Header),
@@ -270,6 +271,7 @@ export default {
   '@digigov/react-core/Select': lazyImport(_digigov_react_core_Select),
   '@digigov/react-core/SelectOption': lazyImport(_digigov_react_core_SelectOption),
   '@digigov/react-core/ServiceBadge': lazyImport(_digigov_react_core_ServiceBadge),
+  '@digigov/react-core/SkipLink': lazyImport(_digigov_react_core_SkipLink),
   '@digigov/react-core/SummaryList': lazyImport(_digigov_react_core_SummaryList),
   '@digigov/react-core/SummaryListItem': lazyImport(_digigov_react_core_SummaryListItem),
   '@digigov/react-core/SummaryListItemAction': lazyImport(_digigov_react_core_SummaryListItemAction),

package/esm/AccordionSectionSummary/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["className", "ariaLevel", "children"];
 import React from 'react';
 import clsx from 'clsx';
 
@@ -9,12 +9,16 @@ import clsx from 'clsx';
  */
 export var AccordionSectionSummary = /*#__PURE__*/React.forwardRef(function AccordionSectionSummary(_ref, ref) {
   var className = _ref.className,
+      _ref$ariaLevel = _ref.ariaLevel,
+      ariaLevel = _ref$ariaLevel === void 0 ? 2 : _ref$ariaLevel,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("summary", _extends({
     ref: ref,
-    className: clsx(className, true && 'govgr-accordion__section-summary')
+    className: clsx(className, true && 'govgr-accordion__section-summary'),
+    role: "heading",
+    "aria-level": ariaLevel
   }, props), children);
 });
 export default AccordionSectionSummary;

package/esm/AccordionSectionSummaryHeading/index.js

@@ -1,7 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "children"];
-import React from 'react';
+import React, { useState } from 'react';
 import clsx from 'clsx';
 
 /**
@@ -12,10 +13,23 @@ export var AccordionSectionSummaryHeading = /*#__PURE__*/React.forwardRef(functi
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
+  var toggleExpanded = function toggleExpanded() {
+    setExpanded(!isExpanded);
+  };
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isExpanded = _useState2[0],
+      setExpanded = _useState2[1];
+
   return /*#__PURE__*/React.createElement("h2", _extends({
     ref: ref,
     className: clsx(className, true && 'govgr-accordion__section-heading')
-  }, props), /*#__PURE__*/React.createElement("span", {
+  }, props, {
+    role: "button",
+    "aria-expanded": isExpanded,
+    onClick: toggleExpanded
+  }), /*#__PURE__*/React.createElement("span", {
     className: clsx(true && 'govgr-accordion__section-button')
   }, children));
 });

package/esm/ArrowIcon/index.js

@@ -36,7 +36,7 @@ export var ArrowIcon = /*#__PURE__*/React.forwardRef(function ArrowIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(direction === 'right' && 'govgr-arrow--right', direction === 'left' && 'govgr-arrow--left', direction === 'down' && 'govgr-arrow--down', direction === 'up' && 'govgr-arrow--up', className && className),
+    className: clsx(className, direction === 'right' && 'govgr-arrow--right', direction === 'left' && 'govgr-arrow--left', direction === 'down' && 'govgr-arrow--down', direction === 'up' && 'govgr-arrow--up'),
     ref: ref
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });

package/esm/BurgerIcon/index.js

@@ -38,7 +38,7 @@ export var BurgerIcon = /*#__PURE__*/React.forwardRef(function BurgerIcon(_ref,
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     variant: variant,
     size: size,
-    className: clsx(active === true && 'govgr-burger-icon--active', hidden === 's' && 'govgr-burger-icon--hidden-s', hidden === 'm' && 'govgr-burger-icon--hidden-m', hidden === 'l' && 'govgr-burger-icon--hidden-l', className && className, true && 'govgr-burger-icon'),
+    className: clsx(className, active === true && 'govgr-burger-icon--active', hidden === 's' && 'govgr-burger-icon--hidden-s', hidden === 'm' && 'govgr-burger-icon--hidden-m', hidden === 'l' && 'govgr-burger-icon--hidden-l', true && 'govgr-burger-icon'),
     ref: ref
   }, props), _ref2, _ref3, _ref4);
 });

package/esm/CardAction/index.js

@@ -16,7 +16,7 @@ export var CardAction = /*#__PURE__*/React.forwardRef(function CardText(_ref, re
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className && className, true && 'govgr-card__action')
+    className: clsx(className, true && 'govgr-card__action')
   }, props), children);
 });
 export default CardAction;

package/esm/CardHeading/index.js

@@ -17,7 +17,7 @@ export var CardHeading = /*#__PURE__*/React.forwardRef(function CardHeading(_ref
     ref: ref,
     role: "heading",
     "aria-level": 2,
-    className: clsx(className && className, true && 'govgr-card__heading')
+    className: clsx(className, true && 'govgr-card__heading')
   }, props), children);
 });
 export default CardHeading;

package/esm/CardText/index.js

@@ -15,7 +15,7 @@ export var CardText = /*#__PURE__*/React.forwardRef(function CardText(_ref, ref)
 
   return /*#__PURE__*/React.createElement("div", _extends({
     ref: ref,
-    className: clsx(className && className, true && 'govgr-card__text')
+    className: clsx(className, true && 'govgr-card__text')
   }, props), children);
 });
 export default CardText;

package/esm/CaretIcon/index.js

@@ -36,7 +36,7 @@ export var CaretIcon = /*#__PURE__*/React.forwardRef(function CaretIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up', className && className),
+    className: clsx(className, direction === 'right' && 'govgr-caret--right', direction === 'left' && 'govgr-caret--left', direction === 'down' && 'govgr-caret--down', direction === 'up' && 'govgr-caret--up'),
     ref: ref
   }, props), direction === 'left' && _ref2, direction === 'right' && _ref3, direction === 'up' && _ref4, direction === 'down' && _ref5);
 });

package/esm/CheckIcon/index.js

@@ -21,7 +21,7 @@ export var CheckIcon = /*#__PURE__*/React.forwardRef(function CheckIcon(_ref, re
   return /*#__PURE__*/React.createElement(SvgIcon, _extends({
     size: size,
     variant: variant,
-    className: clsx(className && className, true && 'govgr-svg-icon--check'),
+    className: clsx(className, true && 'govgr-svg-icon--check'),
     ref: ref
   }, props), _ref2);
 });