@dnb/eufemia 9.47.1 → 9.47.3

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to @dnb/eufemia will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.47.3](https://github.com/dnbexperience/eufemia/compare/v9.47.2...v9.47.3) (2023-03-27)
+
+
+### Bug Fixes
+
+* **Button:** support for FormRow and FormSet ([#2147](https://github.com/dnbexperience/eufemia/issues/2147)) ([59f0a22](https://github.com/dnbexperience/eufemia/commit/59f0a2244021b7ebd78192f7b5e2d657bd3021aa))
+
+## [9.47.2](https://github.com/dnbexperience/eufemia/compare/v9.47.1...v9.47.2) (2023-03-16)
+
+
+### Bug Fixes
+
+* **Autocomplete:** pass status props to SubmitButton ([#2004](https://github.com/dnbexperience/eufemia/issues/2004)) ([fb89114](https://github.com/dnbexperience/eufemia/commit/fb89114e75ff4111640bc367a10d6faa339c4fe3))
+* **Button:** support rel property ([#1990](https://github.com/dnbexperience/eufemia/issues/1990)) ([ad029f2](https://github.com/dnbexperience/eufemia/commit/ad029f20f21154df40975a82b9b4f7019e373ebf))
+* remove FormRow context support from components not using FormRow ([#2103](https://github.com/dnbexperience/eufemia/issues/2103)) ([3a39134](https://github.com/dnbexperience/eufemia/commit/3a39134c883e70daf6ef374c85ea8ddbce317776))
+
 ## [9.47.1](https://github.com/dnbexperience/eufemia/compare/v9.47.0...v9.47.1) (2023-02-13)
 
 

package/cjs/components/accordion/AccordionProvider.js

@@ -51,8 +51,6 @@ var _SpacingHelper = require("../space/SpacingHelper");
 
 var _AccordionPropTypes = require("./AccordionPropTypes");
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 
 var _AccordionProviderContext = _interopRequireDefault(require("./AccordionProviderContext"));
@@ -123,7 +121,7 @@ var AccordionGroup = function (_React$PureComponent) {
   _createClass(AccordionGroup, [{
     key: "render",
     value: function render() {
-      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, AccordionGroup.defaultProps, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.Accordion, this.context.getTranslation(this.props).Accordion);
+      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, AccordionGroup.defaultProps, this.context.Accordion, this.context.getTranslation(this.props).Accordion);
 
       var expanded = props.expanded,
           expanded_id = props.expanded_id,

package/cjs/components/autocomplete/Autocomplete.js

@@ -1731,7 +1731,10 @@ var AutocompleteInstance = function (_React$PureComponent2) {
           icon_size: icon_size || (size === 'large' ? 'medium' : 'default'),
           variant: "secondary",
           size: size === 'default' ? 'medium' : size,
-          type: "button"
+          type: "button",
+          status: status,
+          status_state: status_state,
+          status_props: status_props
         }, triggerParams));
       }
 

package/cjs/components/button/Button.d.ts

@@ -150,10 +150,15 @@ export type ButtonProps = {
   href?: string;
 
   /**
-   * When button behaves as a link. Used to specifiy where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
+   * When button behaves as a link. Used to specify where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
    */
   target?: string;
 
+  /**
+   * When button behaves as a link. Used to specify the relationship between a linked resource and the current document. Examples(non-exhaustive list) of values are `nofollow`, `search`, and `tag`.
+   */
+  rel?: string;
+
   /**
    * Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.
    */

package/cjs/components/button/Button.js

@@ -325,6 +325,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes = _objectSpread(_object
   class: _propTypes.default.string,
   href: _propTypes.default.string,
   target: _propTypes.default.string,
+  rel: _propTypes.default.string,
   to: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.func]),
   custom_content: _propTypes.default.node,
   wrap: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
@@ -353,6 +354,7 @@ Button.defaultProps = {
   icon_size: null,
   href: null,
   target: null,
+  rel: null,
   to: null,
   id: null,
   class: null,

package/cjs/components/dropdown/Dropdown.d.ts

@@ -433,12 +433,12 @@ export interface DropdownProps extends React.HTMLProps<HTMLElement> {
   on_hide?: (...args: any[]) => any;
 
   /**
-   * Will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, selected_key, value }`.
+   * Will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, value }`.
    */
   on_change?: (...args: any[]) => any;
 
   /**
-   * Will be called once the user selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, selected_key, value, active_item }`. The "active_item" property is the currently selected item by keyboard navigation
+   * Will be called once the user selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }`. The "active_item" property is the currently selected item by keyboard navigation
    */
   on_select?: (...args: any[]) => any;
   on_state_update?: (...args: any[]) => any;

package/cjs/components/help-button/HelpButtonInstance.js

@@ -33,8 +33,6 @@ var _componentHelper = require("../../shared/component-helper");
 
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _SpacingHelper = require("../space/SpacingHelper");
 
 var _Button = _interopRequireDefault(require("../button/Button"));
@@ -63,7 +61,7 @@ var defaultProps = {
 function HelpButtonInstance(localProps) {
   var context = _react.default.useContext(_Context.default);
 
-  var props = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, (0, _FormRowHelpers.includeValidProps)(context.FormRow), context.HelpButton);
+  var props = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, context.HelpButton);
 
   var size = props.size,
       icon = props.icon,

package/cjs/components/icon/Icon.js

@@ -79,8 +79,6 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
 
 var _IconHelpers = require("./IconHelpers");
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _excluded = ["sizeAsString"],
     _excluded2 = ["icon", "size", "width", "height", "border", "color", "inherit_color", "modifier", "alt", "title", "skeleton", "class", "className"];
 
@@ -178,7 +176,7 @@ var Icon = function (_React$PureComponent) {
 
       var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, Icon.defaultProps, {
         skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-      }, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.Icon);
+      }, this.context.Icon);
 
       var _prepareIcon = prepareIcon(props, this.context),
           icon = _prepareIcon.icon,

package/cjs/components/icon-primary/IconPrimary.js

@@ -49,8 +49,6 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
 
 var _componentHelper = require("../../shared/component-helper");
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _Icon = _interopRequireWildcard(require("../icon/Icon"));
 
 var primary_icons = _interopRequireWildcard(require("../../icons/primary_icons.js"));
@@ -109,7 +107,7 @@ var IconPrimary = function (_React$PureComponent) {
 
       var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, IconPrimary.defaultProps, {
         skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-      }, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.Icon, this.context.IconPrimary);
+      }, this.context.Icon, this.context.IconPrimary);
 
       var _prepareIcon = (0, _Icon.prepareIcon)(props, this.context),
           icon = _prepareIcon.icon,

package/cjs/components/logo/Logo.js

@@ -49,8 +49,6 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
 
 var _componentHelper = require("../../shared/component-helper");
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _SpacingHelper = require("../space/SpacingHelper");
 
 var _title, _path, _path2, _path3;
@@ -105,7 +103,7 @@ var Logo = function (_React$PureComponent) {
     value: function render() {
       var _objectSpread2;
 
-      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, Logo.defaultProps, this.context.getTranslation(this.props).Logo, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.Logo);
+      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, Logo.defaultProps, this.context.getTranslation(this.props).Logo, this.context.Logo);
 
       var ratio = props.ratio,
           size = props.size,

package/cjs/components/modal/Modal.js

@@ -78,8 +78,6 @@ var _ModalRoot = _interopRequireDefault(require("./ModalRoot"));
 
 var _withCamelCaseProps = require("../../shared/helpers/withCamelCaseProps");
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _excluded = ["root_id", "content_id", "disabled", "labelled_by", "focus_selector", "header_content", "bar_content", "bypass_invalidation_selectors", "id", "open_state", "open_delay", "omit_trigger_button", "trigger", "trigger_attributes", "trigger_hidden", "trigger_disabled", "trigger_variant", "trigger_text", "trigger_title", "trigger_size", "trigger_icon", "trigger_icon_position", "trigger_class"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -385,7 +383,7 @@ var Modal = function (_React$PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, Modal.defaultProps, this.context.getTranslation(this.props).Modal, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.Modal);
+      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, Modal.defaultProps, this.context.getTranslation(this.props).Modal, this.context.Modal);
 
       var _props$root_id = props.root_id,
           root_id = _props$root_id === void 0 ? 'root' : _props$root_id,

package/cjs/components/pagination/Pagination.js

@@ -53,8 +53,6 @@ var _PaginationProvider = _interopRequireDefault(require("./PaginationProvider")
 
 var _componentHelper = require("../../shared/component-helper");
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _SpacingHelper = require("../space/SpacingHelper");
 
 var _PaginationHelpers = require("./PaginationHelpers");
@@ -232,7 +230,7 @@ var PaginationInstance = function (_React$PureComponent2) {
   _createClass(PaginationInstance, [{
     key: "render",
     value: function render() {
-      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, paginationDefaultProps, this.context.getTranslation(this.props).Pagination, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.Pagination);
+      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, paginationDefaultProps, this.context.getTranslation(this.props).Pagination, this.context.Pagination);
 
       var align = props.align,
           children = props.children,

package/cjs/components/progress-indicator/ProgressIndicator.js

@@ -53,8 +53,6 @@ var _Context = _interopRequireDefault(require("../../shared/Context"));
 
 var _componentHelper = require("../../shared/component-helper");
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 var _SpacingHelper = require("../space/SpacingHelper");
 
 var _ProgressIndicatorCircular = _interopRequireDefault(require("./ProgressIndicatorCircular"));
@@ -145,7 +143,7 @@ var ProgressIndicator = function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, ProgressIndicator.defaultProps, this.context.getTranslation(this.props).ProgressIndicator, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.ProgressIndicator);
+      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, ProgressIndicator.defaultProps, this.context.getTranslation(this.props).ProgressIndicator, this.context.ProgressIndicator);
 
       var type = props.type,
           size = props.size,

package/cjs/components/step-indicator/StepIndicatorContext.js

@@ -71,8 +71,6 @@ var _componentHelper = require("../../shared/component-helper");
 
 var _MediaQueryUtils = require("../../shared/MediaQueryUtils");
 
-var _FormRowHelpers = require("../form-row/FormRowHelpers");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -219,7 +217,7 @@ var StepIndicatorProvider = function (_React$PureComponent) {
       var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.context;
       var data = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, _StepIndicatorProps.stepIndicatorDefaultProps, {
         skeleton: context === null || context === void 0 ? void 0 : context.skeleton
-      }, context.getTranslation(context).StepIndicator, (0, _FormRowHelpers.includeValidProps)(context.FormRow), context.StepIndicator);
+      }, context.getTranslation(context).StepIndicator, context.StepIndicator);
       return data;
     }
   }, {

package/cjs/elements/Element.js

@@ -31,8 +31,6 @@ var _SpacingHelper = require("../components/space/SpacingHelper");
 
 var _SkeletonHelper = require("../components/skeleton/SkeletonHelper");
 
-var _FormRowHelpers = require("../components/form-row/FormRowHelpers");
-
 var _excluded = ["className", "class", "internalClass", "css", "as", "is", "innerRef", "skeleton", "skeletonMethod"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -59,7 +57,7 @@ function ElementInstance(localProps) {
 
   var props = (0, _componentHelper.extendPropsWithContext)(localProps, defaultProps, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
-  }, (0, _FormRowHelpers.includeValidProps)(context === null || context === void 0 ? void 0 : context.FormRow));
+  });
 
   if (typeof props.inner_ref !== 'undefined') {
     props.innerRef = props.inner_ref;

package/cjs/fragments/drawer-list/DrawerList.js

@@ -70,8 +70,6 @@ var _componentHelper = require("../../shared/component-helper");
 
 var _SpacingHelper = require("../../components/space/SpacingHelper");
 
-var _FormRowHelpers = require("../../components/form-row/FormRowHelpers");
-
 var _DrawerListContext = _interopRequireDefault(require("./DrawerListContext"));
 
 var _DrawerListProvider = _interopRequireDefault(require("./DrawerListProvider"));
@@ -265,7 +263,7 @@ var DrawerListInstance = function (_React$PureComponent2) {
     value: function render() {
       var _this3 = this;
 
-      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, DrawerList.defaultProps, this.context.getTranslation(this.props).DrawerList, (0, _FormRowHelpers.includeValidProps)(this.context.FormRow), this.context.DrawerList);
+      var props = (0, _componentHelper.extendPropsWithContextInClassComponent)(this.props, DrawerList.defaultProps, this.context.getTranslation(this.props).DrawerList);
 
       var role = props.role,
           align_drawer = props.align_drawer,

package/cjs/shared/Eufemia.js

@@ -21,7 +21,7 @@ function init() {
       _createClass(Eufemia, [{
         key: "version",
         get: function get() {
-          return '9.47.1';
+          return '9.47.3';
         }
       }]);
 

package/components/accordion/AccordionProvider.js

@@ -31,7 +31,6 @@ import classnames from 'classnames';
 import { isTrue, makeUniqueId, extendPropsWithContextInClassComponent, registerElement, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
 import { createSpacingClasses } from '../space/SpacingHelper';
 import { accordionPropTypes, accordionDefaultProps } from './AccordionPropTypes';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 import Context from '../../shared/Context';
 import AccordionGroupContext from './AccordionProviderContext';
 
@@ -65,7 +64,7 @@ var AccordionGroup = function (_React$PureComponent) {
   _createClass(AccordionGroup, [{
     key: "render",
     value: function render() {
-      var props = extendPropsWithContextInClassComponent(this.props, AccordionGroup.defaultProps, includeValidProps(this.context.FormRow), this.context.Accordion, this.context.getTranslation(this.props).Accordion);
+      var props = extendPropsWithContextInClassComponent(this.props, AccordionGroup.defaultProps, this.context.Accordion, this.context.getTranslation(this.props).Accordion);
 
       var expanded = props.expanded,
           expanded_id = props.expanded_id,

package/components/autocomplete/Autocomplete.js

@@ -1647,7 +1647,10 @@ var AutocompleteInstance = function (_React$PureComponent2) {
           icon_size: icon_size || (size === 'large' ? 'medium' : 'default'),
           variant: "secondary",
           size: size === 'default' ? 'medium' : size,
-          type: "button"
+          type: "button",
+          status: status,
+          status_state: status_state,
+          status_props: status_props
         }, triggerParams));
       }
 

package/components/button/Button.d.ts

@@ -150,10 +150,15 @@ export type ButtonProps = {
   href?: string;
 
   /**
-   * When button behaves as a link. Used to specifiy where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
+   * When button behaves as a link. Used to specify where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
    */
   target?: string;
 
+  /**
+   * When button behaves as a link. Used to specify the relationship between a linked resource and the current document. Examples(non-exhaustive list) of values are `nofollow`, `search`, and `tag`.
+   */
+  rel?: string;
+
   /**
    * Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.
    */

package/components/button/Button.js

@@ -260,6 +260,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes = _objectSpread(_object
   class: PropTypes.string,
   href: PropTypes.string,
   target: PropTypes.string,
+  rel: PropTypes.string,
   to: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]),
   custom_content: PropTypes.node,
   wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
@@ -288,6 +289,7 @@ Button.defaultProps = {
   icon_size: null,
   href: null,
   target: null,
+  rel: null,
   to: null,
   id: null,
   class: null,

package/components/dropdown/Dropdown.d.ts

@@ -433,12 +433,12 @@ export interface DropdownProps extends React.HTMLProps<HTMLElement> {
   on_hide?: (...args: any[]) => any;
 
   /**
-   * Will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, selected_key, value }`.
+   * Will be called on state changes made by the user. Returns an object with the new selected `data` item `{ data, event, attributes, value }`.
    */
   on_change?: (...args: any[]) => any;
 
   /**
-   * Will be called once the user selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, selected_key, value, active_item }`. The "active_item" property is the currently selected item by keyboard navigation
+   * Will be called once the user selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }`. The "active_item" property is the currently selected item by keyboard navigation
    */
   on_select?: (...args: any[]) => any;
   on_state_update?: (...args: any[]) => any;

package/components/help-button/HelpButtonInstance.js

@@ -19,7 +19,6 @@ import React from 'react';
 import classnames from 'classnames';
 import { convertJsxToString, extendPropsWithContext } from '../../shared/component-helper';
 import Context from '../../shared/Context';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 import { createSpacingClasses } from '../space/SpacingHelper';
 import Button from '../button/Button';
 var defaultProps = {
@@ -28,7 +27,7 @@ var defaultProps = {
 };
 export default function HelpButtonInstance(localProps) {
   var context = React.useContext(Context);
-  var props = extendPropsWithContext(localProps, defaultProps, includeValidProps(context.FormRow), context.HelpButton);
+  var props = extendPropsWithContext(localProps, defaultProps, context.HelpButton);
 
   var size = props.size,
       icon = props.icon,

package/components/icon/Icon.js

@@ -44,7 +44,6 @@ import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
 import { createSkeletonClass } from '../skeleton/SkeletonHelper';
 import Context from '../../shared/Context';
 import { iconCase } from './IconHelpers';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 export var DefaultIconSize = 16;
 export var DefaultIconSizes = {
   default: 16,
@@ -88,7 +87,7 @@ var Icon = function (_React$PureComponent) {
 
       var props = extendPropsWithContextInClassComponent(this.props, Icon.defaultProps, {
         skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-      }, includeValidProps(this.context.FormRow), this.context.Icon);
+      }, this.context.Icon);
 
       var _prepareIcon = prepareIcon(props, this.context),
           icon = _prepareIcon.icon,

package/components/icon-primary/IconPrimary.js

@@ -24,7 +24,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import Context from '../../shared/Context';
 import { extendPropsWithContextInClassComponent } from '../../shared/component-helper';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 import DefaultIcon, { iconPropTypes, DefaultIconSize, prerenderIcon, prepareIcon } from '../icon/Icon';
 import * as primary_icons from '../../icons/primary_icons.js';
 import * as primary_icons_medium from '../../icons/primary_icons_medium.js';
@@ -51,7 +50,7 @@ var IconPrimary = function (_React$PureComponent) {
 
       var props = extendPropsWithContextInClassComponent(this.props, IconPrimary.defaultProps, {
         skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-      }, includeValidProps(this.context.FormRow), this.context.Icon, this.context.IconPrimary);
+      }, this.context.Icon, this.context.IconPrimary);
 
       var _prepareIcon = prepareIcon(props, this.context),
           icon = _prepareIcon.icon,

package/components/logo/Logo.js

@@ -33,7 +33,6 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
 import { validateDOMAttributes, registerElement, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
 
 var Logo = function (_React$PureComponent) {
@@ -52,7 +51,7 @@ var Logo = function (_React$PureComponent) {
     value: function render() {
       var _objectSpread2;
 
-      var props = extendPropsWithContextInClassComponent(this.props, Logo.defaultProps, this.context.getTranslation(this.props).Logo, includeValidProps(this.context.FormRow), this.context.Logo);
+      var props = extendPropsWithContextInClassComponent(this.props, Logo.defaultProps, this.context.getTranslation(this.props).Logo, this.context.Logo);
 
       var ratio = props.ratio,
           size = props.size,

package/components/modal/Modal.js

@@ -42,7 +42,6 @@ import ModalHeaderBar from './parts/ModalHeaderBar';
 import CloseButton from './parts/CloseButton';
 import ModalRoot from './ModalRoot';
 import { classWithCamelCaseProps } from '../../shared/helpers/withCamelCaseProps';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 export var ANIMATION_DURATION = 300;
 
 var Modal = function (_React$PureComponent) {
@@ -311,7 +310,7 @@ var Modal = function (_React$PureComponent) {
     value: function render() {
       var _this2 = this;
 
-      var props = extendPropsWithContextInClassComponent(this.props, Modal.defaultProps, this.context.getTranslation(this.props).Modal, includeValidProps(this.context.FormRow), this.context.Modal);
+      var props = extendPropsWithContextInClassComponent(this.props, Modal.defaultProps, this.context.getTranslation(this.props).Modal, this.context.Modal);
 
       var _props$root_id = props.root_id,
           root_id = _props$root_id === void 0 ? 'root' : _props$root_id,

package/components/pagination/Pagination.js

@@ -36,7 +36,6 @@ import classnames from 'classnames';
 import PaginationContext from './PaginationContext';
 import PaginationProvider from './PaginationProvider';
 import { registerElement, validateDOMAttributes, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
 import { PaginationIndicator } from './PaginationHelpers';
 import InfinityScroller from './PaginationInfinity';
@@ -169,7 +168,7 @@ var PaginationInstance = function (_React$PureComponent2) {
   _createClass(PaginationInstance, [{
     key: "render",
     value: function render() {
-      var props = extendPropsWithContextInClassComponent(this.props, paginationDefaultProps, this.context.getTranslation(this.props).Pagination, includeValidProps(this.context.FormRow), this.context.Pagination);
+      var props = extendPropsWithContextInClassComponent(this.props, paginationDefaultProps, this.context.getTranslation(this.props).Pagination, this.context.Pagination);
 
       var align = props.align,
           children = props.children,

package/components/progress-indicator/ProgressIndicator.js

@@ -33,7 +33,6 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Context from '../../shared/Context';
 import { isTrue, registerElement, validateDOMAttributes, dispatchCustomElementEvent, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 import { spacingPropTypes, createSpacingClasses } from '../space/SpacingHelper';
 import ProgressIndicatorCircular from './ProgressIndicatorCircular';
 import ProgressIndicatorLinear from './ProgressIndicatorLinear';
@@ -85,7 +84,7 @@ var ProgressIndicator = function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var props = extendPropsWithContextInClassComponent(this.props, ProgressIndicator.defaultProps, this.context.getTranslation(this.props).ProgressIndicator, includeValidProps(this.context.FormRow), this.context.ProgressIndicator);
+      var props = extendPropsWithContextInClassComponent(this.props, ProgressIndicator.defaultProps, this.context.getTranslation(this.props).ProgressIndicator, this.context.ProgressIndicator);
 
       var type = props.type,
           size = props.size,

package/components/step-indicator/StepIndicatorContext.js

@@ -38,7 +38,6 @@ import Context from '../../shared/Context';
 import { stepIndicatorDefaultProps } from './StepIndicatorProps';
 import { processChildren, extendPropsWithContextInClassComponent } from '../../shared/component-helper';
 import { onMediaQueryChange } from '../../shared/MediaQueryUtils';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 var filterAttributes = Object.keys(stepIndicatorDefaultProps).filter(function (item) {
   return !['class', 'className'].includes(item);
 }).concat(['internalId', 'isSidebar', 'hasSidebar', 'hideSidebar', 'sidebarIsVisible', 'mainTitle', 'stepsLabel', 'stepsLabelExtended', 'listOfReachedSteps', 'setActiveStep', 'activeStep', 'countSteps', 'openState', 'onChangeState', 'openHandler', 'closeHandler', 'innerRef', 'hasSkeletonData', 'filterAttributes', 'listAttributes', 'onChangeState', 'isV1', 'activeUrl']);
@@ -141,7 +140,7 @@ export var StepIndicatorProvider = function (_React$PureComponent) {
       var context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.context;
       var data = extendPropsWithContextInClassComponent(this.props, stepIndicatorDefaultProps, {
         skeleton: context === null || context === void 0 ? void 0 : context.skeleton
-      }, context.getTranslation(context).StepIndicator, includeValidProps(context.FormRow), context.StepIndicator);
+      }, context.getTranslation(context).StepIndicator, context.StepIndicator);
       return data;
     }
   }, {

package/elements/Element.js

@@ -10,7 +10,6 @@ import Context from '../shared/Context';
 import { validateDOMAttributes, extendPropsWithContext } from '../shared/component-helper';
 import { createSpacingClasses } from '../components/space/SpacingHelper';
 import { createSkeletonClass, skeletonDOMAttributes } from '../components/skeleton/SkeletonHelper';
-import { includeValidProps } from '../components/form-row/FormRowHelpers';
 export var defaultProps = {
   skeletonMethod: 'font'
 };
@@ -24,7 +23,7 @@ function ElementInstance(localProps) {
   var context = React.useContext(Context);
   var props = extendPropsWithContext(localProps, defaultProps, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
-  }, includeValidProps(context === null || context === void 0 ? void 0 : context.FormRow));
+  });
 
   if (typeof props.inner_ref !== 'undefined') {
     props.innerRef = props.inner_ref;

package/es/components/accordion/AccordionProvider.js

@@ -13,7 +13,6 @@ import classnames from 'classnames';
 import { isTrue, makeUniqueId, extendPropsWithContextInClassComponent, registerElement, validateDOMAttributes, dispatchCustomElementEvent } from '../../shared/component-helper';
 import { createSpacingClasses } from '../space/SpacingHelper';
 import { accordionPropTypes, accordionDefaultProps } from './AccordionPropTypes';
-import { includeValidProps } from '../form-row/FormRowHelpers';
 import Context from '../../shared/Context';
 import AccordionGroupContext from './AccordionProviderContext';
 export default class AccordionGroup extends React.PureComponent {
@@ -39,7 +38,7 @@ export default class AccordionGroup extends React.PureComponent {
   }
 
   render() {
-    const props = extendPropsWithContextInClassComponent(this.props, AccordionGroup.defaultProps, includeValidProps(this.context.FormRow), this.context.Accordion, this.context.getTranslation(this.props).Accordion);
+    const props = extendPropsWithContextInClassComponent(this.props, AccordionGroup.defaultProps, this.context.Accordion, this.context.getTranslation(this.props).Accordion);
 
     const {
       expanded,

package/es/components/autocomplete/Autocomplete.js

@@ -1524,7 +1524,10 @@ class AutocompleteInstance extends React.PureComponent {
         icon_size: icon_size || (size === 'large' ? 'medium' : 'default'),
         variant: "secondary",
         size: size === 'default' ? 'medium' : size,
-        type: "button"
+        type: "button",
+        status: status,
+        status_state: status_state,
+        status_props: status_props
       }, triggerParams));
     }
 

package/es/components/button/Button.d.ts

@@ -150,10 +150,15 @@ export type ButtonProps = {
   href?: string;
 
   /**
-   * When button behaves as a link. Used to specifiy where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
+   * When button behaves as a link. Used to specify where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
    */
   target?: string;
 
+  /**
+   * When button behaves as a link. Used to specify the relationship between a linked resource and the current document. Examples(non-exhaustive list) of values are `nofollow`, `search`, and `tag`.
+   */
+  rel?: string;
+
   /**
    * Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.
    */

package/es/components/button/Button.js

@@ -226,6 +226,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes = _objectSpread(_object
   class: PropTypes.string,
   href: PropTypes.string,
   target: PropTypes.string,
+  rel: PropTypes.string,
   to: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]),
   custom_content: PropTypes.node,
   wrap: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
@@ -254,6 +255,7 @@ Button.defaultProps = {
   icon_size: null,
   href: null,
   target: null,
+  rel: null,
   to: null,
   id: null,
   class: null,