@digigov/react-core 0.15.2 → 0.15.5

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_AccordionSectionSummaryHeading from '@digigov/react-core/AccordionSectionSummaryHeading';
-import * as _digigov_react_core_AccordionSectionContent from '@digigov/react-core/AccordionSectionContent';
 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';
@@ -16,27 +16,27 @@ import * as _digigov_react_core_BreadcrumbsList from '@digigov/react-core/Breadc
 import * as _digigov_react_core_BreadcrumbsListItem from '@digigov/react-core/BreadcrumbsListItem';
 import * as _digigov_react_core_BurgerIcon from '@digigov/react-core/BurgerIcon';
 import * as _digigov_react_core_Button from '@digigov/react-core/Button';
-import * as _digigov_react_core_ButtonLink from '@digigov/react-core/ButtonLink';
 import * as _digigov_react_core_ButtonGroup from '@digigov/react-core/ButtonGroup';
+import * as _digigov_react_core_ButtonLink from '@digigov/react-core/ButtonLink';
 import * as _digigov_react_core_CallToAction from '@digigov/react-core/CallToAction';
+import * as _digigov_react_core_Card from '@digigov/react-core/Card';
 import * as _digigov_react_core_CardAction from '@digigov/react-core/CardAction';
 import * as _digigov_react_core_CardHeading from '@digigov/react-core/CardHeading';
 import * as _digigov_react_core_CardText from '@digigov/react-core/CardText';
 import * as _digigov_react_core_CaretIcon from '@digigov/react-core/CaretIcon';
 import * as _digigov_react_core_CheckIcon from '@digigov/react-core/CheckIcon';
-import * as _digigov_react_core_Card from '@digigov/react-core/Card';
 import * as _digigov_react_core_Checkbox from '@digigov/react-core/Checkbox';
 import * as _digigov_react_core_CheckboxConditional from '@digigov/react-core/CheckboxConditional';
-import * as _digigov_react_core_Confirmation from '@digigov/react-core/Confirmation';
+import * as _digigov_react_core_CheckboxItem from '@digigov/react-core/CheckboxItem';
 import * as _digigov_react_core_CloseIcon from '@digigov/react-core/CloseIcon';
-import * as _digigov_react_core_ConfirmationTitle from '@digigov/react-core/ConfirmationTitle';
+import * as _digigov_react_core_Confirmation from '@digigov/react-core/Confirmation';
 import * as _digigov_react_core_ConfirmationBody from '@digigov/react-core/ConfirmationBody';
-import * as _digigov_react_core_CheckboxItem from '@digigov/react-core/CheckboxItem';
+import * as _digigov_react_core_ConfirmationTitle from '@digigov/react-core/ConfirmationTitle';
 import * as _digigov_react_core_Container from '@digigov/react-core/Container';
+import * as _digigov_react_core_Copyright from '@digigov/react-core/Copyright';
 import * as _digigov_react_core_DateInput from '@digigov/react-core/DateInput';
 import * as _digigov_react_core_DateInputItem from '@digigov/react-core/DateInputItem';
 import * as _digigov_react_core_Details from '@digigov/react-core/Details';
-import * as _digigov_react_core_Copyright from '@digigov/react-core/Copyright';
 import * as _digigov_react_core_DetailsContent from '@digigov/react-core/DetailsContent';
 import * as _digigov_react_core_DetailsSummary from '@digigov/react-core/DetailsSummary';
 import * as _digigov_react_core_ErrorMessage from '@digigov/react-core/ErrorMessage';
@@ -60,6 +60,7 @@ 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_Form from '@digigov/react-core/Form';
 import * as _digigov_react_core_GovGRFooter from '@digigov/react-core/GovGRFooter';
 import * as _digigov_react_core_GovGRLogo from '@digigov/react-core/GovGRLogo';
 import * as _digigov_react_core_Grid from '@digigov/react-core/Grid';
@@ -83,42 +84,42 @@ import * as _digigov_react_core_Layout from '@digigov/react-core/Layout';
 import * as _digigov_react_core_Link from '@digigov/react-core/Link';
 import * as _digigov_react_core_List from '@digigov/react-core/List';
 import * as _digigov_react_core_ListItem from '@digigov/react-core/ListItem';
+import * as _digigov_react_core_Main from '@digigov/react-core/Main';
 import * as _digigov_react_core_Masthead from '@digigov/react-core/Masthead';
 import * as _digigov_react_core_MastheadBody from '@digigov/react-core/MastheadBody';
-import * as _digigov_react_core_Main from '@digigov/react-core/Main';
+import * as _digigov_react_core_MoreVertIcon from '@digigov/react-core/MoreVertIcon';
 import * as _digigov_react_core_NavHorizontal from '@digigov/react-core/NavHorizontal';
 import * as _digigov_react_core_NavHorizontalList from '@digigov/react-core/NavHorizontalList';
 import * as _digigov_react_core_NavHorizontalListItem from '@digigov/react-core/NavHorizontalListItem';
 import * as _digigov_react_core_NavVertical from '@digigov/react-core/NavVertical';
 import * as _digigov_react_core_NavVerticalItem from '@digigov/react-core/NavVerticalItem';
-import * as _digigov_react_core_MoreVertIcon from '@digigov/react-core/MoreVertIcon';
 import * as _digigov_react_core_NormalText from '@digigov/react-core/NormalText';
 import * as _digigov_react_core_NotificationBanner from '@digigov/react-core/NotificationBanner';
 import * as _digigov_react_core_NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
 import * as _digigov_react_core_NotificationBannerHeader from '@digigov/react-core/NotificationBannerHeader';
 import * as _digigov_react_core_NotificationBannerHeading from '@digigov/react-core/NotificationBannerHeading';
 import * as _digigov_react_core_NotificationBannerLink from '@digigov/react-core/NotificationBannerLink';
-import * as _digigov_react_core_PageTitleCaption from '@digigov/react-core/PageTitleCaption';
 import * as _digigov_react_core_PageTitle from '@digigov/react-core/PageTitle';
+import * as _digigov_react_core_PageTitleCaption from '@digigov/react-core/PageTitleCaption';
 import * as _digigov_react_core_PageTitleHeading from '@digigov/react-core/PageTitleHeading';
+import * as _digigov_react_core_PageTitleSection from '@digigov/react-core/PageTitleSection';
 import * as _digigov_react_core_Paragraph from '@digigov/react-core/Paragraph';
 import * as _digigov_react_core_PhaseBanner from '@digigov/react-core/PhaseBanner';
 import * as _digigov_react_core_PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';
 import * as _digigov_react_core_PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';
 import * as _digigov_react_core_PhaseBannerText from '@digigov/react-core/PhaseBannerText';
 import * as _digigov_react_core_Radio from '@digigov/react-core/Radio';
-import * as _digigov_react_core_PageTitleSection from '@digigov/react-core/PageTitleSection';
 import * as _digigov_react_core_RadioConditional from '@digigov/react-core/RadioConditional';
 import * as _digigov_react_core_RadioItem from '@digigov/react-core/RadioItem';
 import * as _digigov_react_core_SectionBreak from '@digigov/react-core/SectionBreak';
 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';
 import * as _digigov_react_core_SummaryListItemKey from '@digigov/react-core/SummaryListItemKey';
-import * as _digigov_react_core_SkipLink from '@digigov/react-core/SkipLink';
 import * as _digigov_react_core_SummaryListItemValue from '@digigov/react-core/SummaryListItemValue';
 import * as _digigov_react_core_SvgIcon from '@digigov/react-core/SvgIcon';
 import * as _digigov_react_core_Table from '@digigov/react-core/Table';
@@ -129,11 +130,11 @@ import * as _digigov_react_core_TableDataCell from '@digigov/react-core/TableDat
 import * as _digigov_react_core_TableHead from '@digigov/react-core/TableHead';
 import * as _digigov_react_core_TableHeadCell from '@digigov/react-core/TableHeadCell';
 import * as _digigov_react_core_TableNoDataRow from '@digigov/react-core/TableNoDataRow';
+import * as _digigov_react_core_TableRow from '@digigov/react-core/TableRow';
 import * as _digigov_react_core_Tabs from '@digigov/react-core/Tabs';
 import * as _digigov_react_core_TabsHeading from '@digigov/react-core/TabsHeading';
-import * as _digigov_react_core_TableRow from '@digigov/react-core/TableRow';
-import * as _digigov_react_core_TabsListItem from '@digigov/react-core/TabsListItem';
 import * as _digigov_react_core_TabsList from '@digigov/react-core/TabsList';
+import * as _digigov_react_core_TabsListItem from '@digigov/react-core/TabsListItem';
 import * as _digigov_react_core_TabsPanel from '@digigov/react-core/TabsPanel';
 import * as _digigov_react_core_TextArea from '@digigov/react-core/TextArea';
 import * as _digigov_react_core_TextInput from '@digigov/react-core/TextInput';
@@ -159,10 +160,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/AccordionSectionSummaryHeading': lazyImport(_digigov_react_core_AccordionSectionSummaryHeading),
-  '@digigov/react-core/AccordionSectionContent': lazyImport(_digigov_react_core_AccordionSectionContent),
   '@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),
@@ -173,27 +174,27 @@ export default {
   '@digigov/react-core/BreadcrumbsListItem': lazyImport(_digigov_react_core_BreadcrumbsListItem),
   '@digigov/react-core/BurgerIcon': lazyImport(_digigov_react_core_BurgerIcon),
   '@digigov/react-core/Button': lazyImport(_digigov_react_core_Button),
-  '@digigov/react-core/ButtonLink': lazyImport(_digigov_react_core_ButtonLink),
   '@digigov/react-core/ButtonGroup': lazyImport(_digigov_react_core_ButtonGroup),
+  '@digigov/react-core/ButtonLink': lazyImport(_digigov_react_core_ButtonLink),
   '@digigov/react-core/CallToAction': lazyImport(_digigov_react_core_CallToAction),
+  '@digigov/react-core/Card': lazyImport(_digigov_react_core_Card),
   '@digigov/react-core/CardAction': lazyImport(_digigov_react_core_CardAction),
   '@digigov/react-core/CardHeading': lazyImport(_digigov_react_core_CardHeading),
   '@digigov/react-core/CardText': lazyImport(_digigov_react_core_CardText),
   '@digigov/react-core/CaretIcon': lazyImport(_digigov_react_core_CaretIcon),
   '@digigov/react-core/CheckIcon': lazyImport(_digigov_react_core_CheckIcon),
-  '@digigov/react-core/Card': lazyImport(_digigov_react_core_Card),
   '@digigov/react-core/Checkbox': lazyImport(_digigov_react_core_Checkbox),
   '@digigov/react-core/CheckboxConditional': lazyImport(_digigov_react_core_CheckboxConditional),
-  '@digigov/react-core/Confirmation': lazyImport(_digigov_react_core_Confirmation),
+  '@digigov/react-core/CheckboxItem': lazyImport(_digigov_react_core_CheckboxItem),
   '@digigov/react-core/CloseIcon': lazyImport(_digigov_react_core_CloseIcon),
-  '@digigov/react-core/ConfirmationTitle': lazyImport(_digigov_react_core_ConfirmationTitle),
+  '@digigov/react-core/Confirmation': lazyImport(_digigov_react_core_Confirmation),
   '@digigov/react-core/ConfirmationBody': lazyImport(_digigov_react_core_ConfirmationBody),
-  '@digigov/react-core/CheckboxItem': lazyImport(_digigov_react_core_CheckboxItem),
+  '@digigov/react-core/ConfirmationTitle': lazyImport(_digigov_react_core_ConfirmationTitle),
   '@digigov/react-core/Container': lazyImport(_digigov_react_core_Container),
+  '@digigov/react-core/Copyright': lazyImport(_digigov_react_core_Copyright),
   '@digigov/react-core/DateInput': lazyImport(_digigov_react_core_DateInput),
   '@digigov/react-core/DateInputItem': lazyImport(_digigov_react_core_DateInputItem),
   '@digigov/react-core/Details': lazyImport(_digigov_react_core_Details),
-  '@digigov/react-core/Copyright': lazyImport(_digigov_react_core_Copyright),
   '@digigov/react-core/DetailsContent': lazyImport(_digigov_react_core_DetailsContent),
   '@digigov/react-core/DetailsSummary': lazyImport(_digigov_react_core_DetailsSummary),
   '@digigov/react-core/ErrorMessage': lazyImport(_digigov_react_core_ErrorMessage),
@@ -217,6 +218,7 @@ export default {
   '@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/Form': lazyImport(_digigov_react_core_Form),
   '@digigov/react-core/GovGRFooter': lazyImport(_digigov_react_core_GovGRFooter),
   '@digigov/react-core/GovGRLogo': lazyImport(_digigov_react_core_GovGRLogo),
   '@digigov/react-core/Grid': lazyImport(_digigov_react_core_Grid),
@@ -240,42 +242,42 @@ export default {
   '@digigov/react-core/Link': lazyImport(_digigov_react_core_Link),
   '@digigov/react-core/List': lazyImport(_digigov_react_core_List),
   '@digigov/react-core/ListItem': lazyImport(_digigov_react_core_ListItem),
+  '@digigov/react-core/Main': lazyImport(_digigov_react_core_Main),
   '@digigov/react-core/Masthead': lazyImport(_digigov_react_core_Masthead),
   '@digigov/react-core/MastheadBody': lazyImport(_digigov_react_core_MastheadBody),
-  '@digigov/react-core/Main': lazyImport(_digigov_react_core_Main),
+  '@digigov/react-core/MoreVertIcon': lazyImport(_digigov_react_core_MoreVertIcon),
   '@digigov/react-core/NavHorizontal': lazyImport(_digigov_react_core_NavHorizontal),
   '@digigov/react-core/NavHorizontalList': lazyImport(_digigov_react_core_NavHorizontalList),
   '@digigov/react-core/NavHorizontalListItem': lazyImport(_digigov_react_core_NavHorizontalListItem),
   '@digigov/react-core/NavVertical': lazyImport(_digigov_react_core_NavVertical),
   '@digigov/react-core/NavVerticalItem': lazyImport(_digigov_react_core_NavVerticalItem),
-  '@digigov/react-core/MoreVertIcon': lazyImport(_digigov_react_core_MoreVertIcon),
   '@digigov/react-core/NormalText': lazyImport(_digigov_react_core_NormalText),
   '@digigov/react-core/NotificationBanner': lazyImport(_digigov_react_core_NotificationBanner),
   '@digigov/react-core/NotificationBannerContent': lazyImport(_digigov_react_core_NotificationBannerContent),
   '@digigov/react-core/NotificationBannerHeader': lazyImport(_digigov_react_core_NotificationBannerHeader),
   '@digigov/react-core/NotificationBannerHeading': lazyImport(_digigov_react_core_NotificationBannerHeading),
   '@digigov/react-core/NotificationBannerLink': lazyImport(_digigov_react_core_NotificationBannerLink),
-  '@digigov/react-core/PageTitleCaption': lazyImport(_digigov_react_core_PageTitleCaption),
   '@digigov/react-core/PageTitle': lazyImport(_digigov_react_core_PageTitle),
+  '@digigov/react-core/PageTitleCaption': lazyImport(_digigov_react_core_PageTitleCaption),
   '@digigov/react-core/PageTitleHeading': lazyImport(_digigov_react_core_PageTitleHeading),
+  '@digigov/react-core/PageTitleSection': lazyImport(_digigov_react_core_PageTitleSection),
   '@digigov/react-core/Paragraph': lazyImport(_digigov_react_core_Paragraph),
   '@digigov/react-core/PhaseBanner': lazyImport(_digigov_react_core_PhaseBanner),
   '@digigov/react-core/PhaseBannerHeaderContainer': lazyImport(_digigov_react_core_PhaseBannerHeaderContainer),
   '@digigov/react-core/PhaseBannerTag': lazyImport(_digigov_react_core_PhaseBannerTag),
   '@digigov/react-core/PhaseBannerText': lazyImport(_digigov_react_core_PhaseBannerText),
   '@digigov/react-core/Radio': lazyImport(_digigov_react_core_Radio),
-  '@digigov/react-core/PageTitleSection': lazyImport(_digigov_react_core_PageTitleSection),
   '@digigov/react-core/RadioConditional': lazyImport(_digigov_react_core_RadioConditional),
   '@digigov/react-core/RadioItem': lazyImport(_digigov_react_core_RadioItem),
   '@digigov/react-core/SectionBreak': lazyImport(_digigov_react_core_SectionBreak),
   '@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),
   '@digigov/react-core/SummaryListItemKey': lazyImport(_digigov_react_core_SummaryListItemKey),
-  '@digigov/react-core/SkipLink': lazyImport(_digigov_react_core_SkipLink),
   '@digigov/react-core/SummaryListItemValue': lazyImport(_digigov_react_core_SummaryListItemValue),
   '@digigov/react-core/SvgIcon': lazyImport(_digigov_react_core_SvgIcon),
   '@digigov/react-core/Table': lazyImport(_digigov_react_core_Table),
@@ -286,11 +288,11 @@ export default {
   '@digigov/react-core/TableHead': lazyImport(_digigov_react_core_TableHead),
   '@digigov/react-core/TableHeadCell': lazyImport(_digigov_react_core_TableHeadCell),
   '@digigov/react-core/TableNoDataRow': lazyImport(_digigov_react_core_TableNoDataRow),
+  '@digigov/react-core/TableRow': lazyImport(_digigov_react_core_TableRow),
   '@digigov/react-core/Tabs': lazyImport(_digigov_react_core_Tabs),
   '@digigov/react-core/TabsHeading': lazyImport(_digigov_react_core_TabsHeading),
-  '@digigov/react-core/TableRow': lazyImport(_digigov_react_core_TableRow),
-  '@digigov/react-core/TabsListItem': lazyImport(_digigov_react_core_TabsListItem),
   '@digigov/react-core/TabsList': lazyImport(_digigov_react_core_TabsList),
+  '@digigov/react-core/TabsListItem': lazyImport(_digigov_react_core_TabsListItem),
   '@digigov/react-core/TabsPanel': lazyImport(_digigov_react_core_TabsPanel),
   '@digigov/react-core/TextArea': lazyImport(_digigov_react_core_TextArea),
   '@digigov/react-core/TextInput': lazyImport(_digigov_react_core_TextInput),

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/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/esm/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/esm/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/esm/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/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.15.2
+/** @license Digigov v0.15.5
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.