@digigov/react-core 0.21.0 → 0.22.0

package/es/AccessibilityTextIcon/index.test.js

@@ -0,0 +1,123 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import AccessibilityTextIcon from '@digigov/react-core/AccessibilityTextIcon';
+
+var _ref = /*#__PURE__*/React.createElement(AccessibilityTextIcon, null);
+
+it('renders the AccessibilityTextIcon with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+
+var _ref2 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  size: "s"
+});
+
+it('renders the AccessibilityTextIcon with prop size=s', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+
+var _ref3 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  size: "m"
+});
+
+it('renders the AccessibilityTextIcon with prop size=m', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  size: "l"
+});
+
+it('renders the AccessibilityTextIcon with prop size=l', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  size: "xl"
+});
+
+it('renders the AccessibilityTextIcon with prop size=xl', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "dark"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=dark', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+
+var _ref7 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "light"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=light', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+
+var _ref8 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "gray"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=gray', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+
+var _ref9 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "primary"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=primary', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+
+var _ref10 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "success"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=success', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+
+var _ref11 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "warning"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=warning', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+
+var _ref12 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "error"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=error', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});
+
+var _ref13 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "focus"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=focus', function () {
+  expect(mount(_ref13)).toMatchSnapshot();
+});
+
+var _ref14 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "warning",
+  size: "s"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=warning and size=s', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});
+
+var _ref15 = /*#__PURE__*/React.createElement(AccessibilityTextIcon, {
+  variant: "warning",
+  size: "xl"
+});
+
+it('renders the AccessibilityTextIcon with prop variant=error and size= xl', function () {
+  expect(mount(_ref15)).toMatchSnapshot();
+});

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

@@ -1,5 +1,33 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`renders the CheckboxItem with \`disabled\` prop 1`] = `
+<ForwardRef(CheckboxItem)
+  disabled={true}
+>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <label
+      className="govgr-checkboxes__label--disabled govgr-label govgr-checkboxes__label"
+    >
+      hello
+      <ForwardRef(Base)
+        as="input"
+        className="govgr-checkboxes__input"
+        disabled={true}
+        type="checkbox"
+      >
+        <input
+          className="govgr-checkboxes__input"
+          disabled={true}
+          type="checkbox"
+        />
+      </ForwardRef(Base)>
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;
+
 exports[`renders the CheckboxItem with \`name\` prop 1`] = `
 <ForwardRef(CheckboxItem)
   name="example"
@@ -14,13 +42,49 @@ exports[`renders the CheckboxItem with \`name\` prop 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
+        name="example"
+        type="checkbox"
+      >
+        <input
+          className="govgr-checkboxes__input"
+          disabled={false}
+          name="example"
+          type="checkbox"
+        />
+      </ForwardRef(Base)>
+    </label>
+  </div>
+</ForwardRef(CheckboxItem)>
+`;
+
+exports[`renders the CheckboxItem with \`value\` \`name\` and \`disabled\` props 1`] = `
+<ForwardRef(CheckboxItem)
+  disabled={true}
+  name="example"
+  value="example"
+>
+  <div
+    className="govgr-checkboxes__item"
+  >
+    <label
+      className="govgr-checkboxes__label--disabled govgr-label govgr-checkboxes__label"
+    >
+      hello
+      <ForwardRef(Base)
+        as="input"
+        className="govgr-checkboxes__input"
+        disabled={true}
         name="example"
         type="checkbox"
+        value="example"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={true}
           name="example"
           type="checkbox"
+          value="example"
         />
       </ForwardRef(Base)>
     </label>
@@ -42,11 +106,13 @@ exports[`renders the CheckboxItem with \`value\` prop 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
         type="checkbox"
         value="example"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={false}
           type="checkbox"
           value="example"
         />
@@ -68,10 +134,12 @@ exports[`renders the CheckboxItem with no props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-checkboxes__input"
+        disabled={false}
         type="checkbox"
       >
         <input
           className="govgr-checkboxes__input"
+          disabled={false}
           type="checkbox"
         />
       </ForwardRef(Base)>

package/es/CheckboxItem/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "value", "className", "children"];
+var _excluded = ["name", "value", "className", "disabled", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -14,20 +14,23 @@ export var CheckboxItem = /*#__PURE__*/React.forwardRef(function CheckboxItem(_r
   var name = _ref.name,
       value = _ref.value,
       className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-checkboxes__item')
   }, /*#__PURE__*/React.createElement("label", {
-    className: clsx(true && 'govgr-label govgr-checkboxes__label')
+    className: clsx(disabled === true && 'govgr-checkboxes__label--disabled', true && 'govgr-label govgr-checkboxes__label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
     ref: ref,
     type: "checkbox",
     name: name,
     value: value,
-    className: clsx(true && 'govgr-checkboxes__input')
+    className: clsx(true && 'govgr-checkboxes__input'),
+    disabled: disabled
   }, props))));
 });
 export default CheckboxItem;

package/es/CheckboxItem/index.test.js

@@ -22,4 +22,22 @@ var _ref3 = /*#__PURE__*/React.createElement(CheckboxItem, {
 
 it('renders the CheckboxItem with `value` prop', function () {
   expect(mount(_ref3)).toMatchSnapshot();
+});
+
+var _ref4 = /*#__PURE__*/React.createElement(CheckboxItem, {
+  disabled: true
+}, "hello");
+
+it('renders the CheckboxItem with `disabled` prop', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(CheckboxItem, {
+  value: "example",
+  name: "example",
+  disabled: true
+}, "hello");
+
+it('renders the CheckboxItem with `value` `name` and `disabled` props', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
 });

package/es/DetailsSummary/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 = ["size", "className", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -9,14 +9,15 @@ import clsx from 'clsx';
  * Use this inside Details.DetailsSummary will be the text to click on.
  */
 export var DetailsSummary = /*#__PURE__*/React.forwardRef(function DetailsSummary(_ref, ref) {
-  var className = _ref.className,
+  var size = _ref.size,
+      className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "summary",
     ref: ref,
-    className: clsx(className, true && 'govgr-details__summary')
+    className: clsx(className, size === 'l' && 'govgr-details__summary--l', true && 'govgr-details__summary')
   }, props), children);
 });
 export default DetailsSummary;

package/es/FieldContainer/index.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["error", "className", "children", "xs", "md", "lg", "xl"];
 import React from 'react';
 import clsx from 'clsx';
 import Grid from '@digigov/react-core/Grid';
@@ -16,8 +19,10 @@ export var FieldContainer = /*#__PURE__*/React.forwardRef(function FieldContaine
       _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, {
+      xl = _ref$xl === void 0 ? 12 : _ref$xl,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Grid, _extends({
     ref: ref,
     className: clsx(className, error === true && 'govgr-field__error', true && 'govgr-field'),
     item: true,
@@ -25,6 +30,6 @@ export var FieldContainer = /*#__PURE__*/React.forwardRef(function FieldContaine
     md: md,
     lg: lg,
     xl: xl
-  }, children);
+  }, props), children);
 });
 export default FieldContainer;

package/es/Nav/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "open", "layout", "children"];
+var _excluded = ["className", "open", "layout", "hidden", "fixed", "border", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -15,13 +15,19 @@ export var Nav = /*#__PURE__*/React.forwardRef(function Nav(_ref, ref) {
       open = _ref$open === void 0 ? false : _ref$open,
       _ref$layout = _ref.layout,
       layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
+      _ref$hidden = _ref.hidden,
+      hidden = _ref$hidden === void 0 ? false : _ref$hidden,
+      _ref$fixed = _ref.fixed,
+      fixed = _ref$fixed === void 0 ? true : _ref$fixed,
+      _ref$border = _ref.border,
+      border = _ref$border === void 0 ? true : _ref$border,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "nav",
     ref: ref,
-    className: clsx(className, layout === 'horizontal' && 'govgr-nav-horizontal--border', true && 'govgr-horizontal-nav', open && 'govgr-horizontal-nav--open')
+    className: clsx(className, layout === 'horizontal' && 'govgr-horizontal-nav--order', border && 'govgr-nav-horizontal--border', hidden && 'govgr-horizontal-nav--hidden', fixed && 'govgr-nav-horizontal--fixed', true && 'govgr-horizontal-nav', open && 'govgr-horizontal-nav--open')
   }, props), children);
 });
 export default Nav;

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

@@ -14,11 +14,13 @@ exports[`renders the RadioItem  value props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-radios__input"
+        disabled={false}
         type="radio"
         value="someValue"
       >
         <input
           className="govgr-radios__input"
+          disabled={false}
           type="radio"
           value="someValue"
         />
@@ -28,6 +30,34 @@ exports[`renders the RadioItem  value props 1`] = `
 </ForwardRef(RadioItem)>
 `;
 
+exports[`renders the RadioItem with disabled prop 1`] = `
+<ForwardRef(RadioItem)
+  disabled={true}
+>
+  <div
+    className="govgr-radios__item"
+  >
+    <label
+      className="govgr-radios__label--disabled govgr-label govgr-radios__label"
+    >
+      hello
+      <ForwardRef(Base)
+        as="input"
+        className="govgr-radios__input"
+        disabled={true}
+        type="radio"
+      >
+        <input
+          className="govgr-radios__input"
+          disabled={true}
+          type="radio"
+        />
+      </ForwardRef(Base)>
+    </label>
+  </div>
+</ForwardRef(RadioItem)>
+`;
+
 exports[`renders the RadioItem with name  props 1`] = `
 <ForwardRef(RadioItem)
   name="name"
@@ -42,11 +72,13 @@ exports[`renders the RadioItem with name  props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-radios__input"
+        disabled={false}
         name="name"
         type="radio"
       >
         <input
           className="govgr-radios__input"
+          disabled={false}
           name="name"
           type="radio"
         />
@@ -71,12 +103,48 @@ exports[`renders the RadioItem with name and value props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-radios__input"
+        disabled={false}
+        name="name"
+        type="radio"
+        value="someValue"
+      >
+        <input
+          className="govgr-radios__input"
+          disabled={false}
+          name="name"
+          type="radio"
+          value="someValue"
+        />
+      </ForwardRef(Base)>
+    </label>
+  </div>
+</ForwardRef(RadioItem)>
+`;
+
+exports[`renders the RadioItem with name disabled and value props 1`] = `
+<ForwardRef(RadioItem)
+  disabled={true}
+  name="name"
+  value="someValue"
+>
+  <div
+    className="govgr-radios__item"
+  >
+    <label
+      className="govgr-radios__label--disabled govgr-label govgr-radios__label"
+    >
+      hello
+      <ForwardRef(Base)
+        as="input"
+        className="govgr-radios__input"
+        disabled={true}
         name="name"
         type="radio"
         value="someValue"
       >
         <input
           className="govgr-radios__input"
+          disabled={true}
           name="name"
           type="radio"
           value="someValue"
@@ -99,10 +167,12 @@ exports[`renders the RadioItem with no props 1`] = `
       <ForwardRef(Base)
         as="input"
         className="govgr-radios__input"
+        disabled={false}
         type="radio"
       >
         <input
           className="govgr-radios__input"
+          disabled={false}
           type="radio"
         />
       </ForwardRef(Base)>

package/es/RadioItem/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "value", "className", "children"];
+var _excluded = ["name", "value", "className", "disabled", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -13,20 +13,23 @@ export var RadioItem = /*#__PURE__*/React.forwardRef(function RadioItem(_ref, re
   var name = _ref.name,
       value = _ref.value,
       className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(className, true && 'govgr-radios__item')
   }, /*#__PURE__*/React.createElement("label", {
-    className: clsx(true && 'govgr-label govgr-radios__label')
+    className: clsx(disabled === true && 'govgr-radios__label--disabled', true && 'govgr-label govgr-radios__label')
   }, children, /*#__PURE__*/React.createElement(Base, _extends({
     as: "input",
     ref: ref,
     type: "radio",
     name: name,
     value: value,
-    className: clsx(true && 'govgr-radios__input')
+    className: clsx(true && 'govgr-radios__input'),
+    disabled: disabled
   }, props))));
 });
 export default RadioItem;

package/es/RadioItem/index.test.js

@@ -31,4 +31,22 @@ var _ref4 = /*#__PURE__*/React.createElement(RadioItem, {
 
 it('renders the RadioItem with name and value props', function () {
   expect(mount(_ref4)).toMatchSnapshot();
+});
+
+var _ref5 = /*#__PURE__*/React.createElement(RadioItem, {
+  disabled: true
+}, "hello");
+
+it('renders the RadioItem with disabled prop', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+
+var _ref6 = /*#__PURE__*/React.createElement(RadioItem, {
+  name: 'name',
+  value: 'someValue',
+  disabled: true
+}, "hello");
+
+it('renders the RadioItem with name disabled and value props', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
 });

package/es/SectionBreak/index.js

@@ -9,8 +9,10 @@ import clsx from 'clsx';
  * SectionBreak is used to create a thematic break between sections of content.
  */
 export var SectionBreak = /*#__PURE__*/React.forwardRef(function SectionBreak(_ref, ref) {
-  var visible = _ref.visible,
-      size = _ref.size,
+  var _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 's' : _ref$size,
       className = _ref.className,
       props = _objectWithoutProperties(_ref, _excluded);
 

package/es/index.js

@@ -1,3 +1,5 @@
+export * from '@digigov/react-core/AccessibilityIcon';
+export * from '@digigov/react-core/AccessibilityTextIcon';
 export * from '@digigov/react-core/Accordion';
 export * from '@digigov/react-core/AccordionControls';
 export * from '@digigov/react-core/AccordionSection';

package/es/registry.js

@@ -1,3 +1,5 @@
+import * as _digigov_react_core_AccessibilityIcon from '@digigov/react-core/AccessibilityIcon';
+import * as _digigov_react_core_AccessibilityTextIcon from '@digigov/react-core/AccessibilityTextIcon';
 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';
@@ -172,6 +174,8 @@ function lazyImport(pkgImport) {
 }
 
 export default {
+  '@digigov/react-core/AccessibilityIcon': lazyImport(_digigov_react_core_AccessibilityIcon),
+  '@digigov/react-core/AccessibilityTextIcon': lazyImport(_digigov_react_core_AccessibilityTextIcon),
   '@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),