carbon-react 106.6.9 → 107.0.0

package/lib/components/heading/heading.component.js

@@ -21,204 +21,120 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 
-let Heading = /*#__PURE__*/function (_React$Component) {
-  _inherits(Heading, _React$Component);
-
-  var _super = _createSuper(Heading);
-
-  function Heading() {
-    _classCallCheck(this, Heading);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Heading, [{
-    key: "help",
-    get: function () {
-      if (!this.props.help && !this.props.helpLink) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_heading.StyledHeaderHelp, {
-        "data-element": "help",
-        tooltipPosition: "right",
-        href: this.props.helpLink,
-        ariaLabel: this.props.helpAriaLabel
-      }, this.props.help);
-    }
-  }, {
-    key: "back",
-    get: function () {
-      if (!this.props.backLink) {
-        return null;
-      }
-
-      let props;
-
-      if (typeof this.props.backLink === "string") {
-        props = {
-          href: this.props.backLink
-        };
-      } else {
-        props = {
-          onClick: this.props.backLink
-        };
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingBackButton // this event allows an element to be focusable on click event on IE
-      , _extends({
-        onMouseDown: e => e.currentTarget.focus(),
-        "data-element": "back"
-      }, props), /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingIcon, {
-        type: "chevron_left",
-        divider: this.props.divider
-      }));
-    }
-  }, {
-    key: "subheader",
-    get: function () {
-      if (!this.props.subheader) {
-        return null;
-      }
-
-      return /*#__PURE__*/_react.default.createElement(_heading.StyledSubHeader, {
-        "data-element": "subtitle",
-        id: this.props.subtitleId,
-        hasBackLink: !!this.props.backLink,
-        hasSeparator: this.props.separator
-      }, this.props.subheader);
-    }
-  }, {
-    key: "separator",
-    get: function () {
-      return this.props.separator ? /*#__PURE__*/_react.default.createElement(_heading.StyledSeparator, null) : null;
-    }
-  }, {
-    key: "divider",
-    get: function () {
-      return this.props.divider ? /*#__PURE__*/_react.default.createElement(_heading.StyledDivider, {
-        "data-element": "divider"
-      }) : null;
-    }
-  }, {
-    key: "pills",
-    get: function () {
-      return this.props.pills ? /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingPills, {
-        "data-element": "pills"
-      }, this.props.pills) : null;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      if (!this.props.title) {
-        return null;
-      }
-
-      const marginProps = (0, _utils.filterStyledSystemMarginProps)(this.props);
-      return /*#__PURE__*/_react.default.createElement(_heading.StyledHeading, _extends({}, (0, _tags.default)("heading", this.props), marginProps), /*#__PURE__*/_react.default.createElement(_heading.StyledHeader, {
-        "data-element": "header-container",
-        divider: this.props.divider,
-        subheader: this.props.subheader,
-        hasBackLink: !!this.props.backLink
-      }, this.back, /*#__PURE__*/_react.default.createElement(_heading.StyledHeaderContent, null, /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingTitle, {
-        withMargin: this.props.pills || this.props.help,
-        variant: "h1",
-        "data-element": "title",
-        id: this.props.titleId
-      }, this.props.title), this.help, this.pills), this.separator, this.subheader), this.divider, this.props.children);
-    }
-  }]);
-
-  return Heading;
-}(_react.default.Component);
+const Heading = ({
+  children,
+  backLink,
+  divider = true,
+  help,
+  helpAriaLabel,
+  helpLink,
+  pills,
+  separator = false,
+  subheader,
+  subtitleId,
+  title,
+  titleId,
+  ...rest
+}) => {
+  const getHelp = () => {
+    return /*#__PURE__*/_react.default.createElement(_heading.StyledHeaderHelp, {
+      "data-element": "help",
+      tooltipPosition: "right",
+      href: helpLink,
+      ariaLabel: helpAriaLabel
+    }, help);
+  };
+
+  const getBackButton = () => {
+    const backButtonProps = typeof backLink === "string" ? {
+      href: backLink
+    } : {
+      onClick: backLink
+    };
+    return /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingBackButton // this event allows an element to be focusable on click event on IE
+    , _extends({
+      onMouseDown: e => e.currentTarget.focus(),
+      "data-element": "back"
+    }, backButtonProps), /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingIcon, {
+      type: "chevron_left",
+      divider: divider
+    }));
+  };
+
+  const getSubheader = () => {
+    return /*#__PURE__*/_react.default.createElement(_heading.StyledSubHeader, {
+      "data-element": "subtitle",
+      id: subtitleId,
+      hasBackLink: !!backLink,
+      hasSeparator: separator
+    }, subheader);
+  };
+
+  const getPills = () => {
+    return /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingPills, {
+      "data-element": "pills"
+    }, pills);
+  };
+
+  const marginProps = (0, _utils.filterStyledSystemMarginProps)(rest);
+  const dataAttributes = {
+    "data-element": rest["data-element"],
+    "data-role": rest["data-role"]
+  };
+  return title ? /*#__PURE__*/_react.default.createElement(_heading.StyledHeading, _extends({}, (0, _tags.default)("heading", dataAttributes), marginProps), /*#__PURE__*/_react.default.createElement(_heading.StyledHeader, {
+    "data-element": "header-container",
+    divider: divider,
+    subheader: subheader,
+    hasBackLink: !!backLink
+  }, backLink && getBackButton(), /*#__PURE__*/_react.default.createElement(_heading.StyledHeaderContent, null, /*#__PURE__*/_react.default.createElement(_heading.StyledHeadingTitle, {
+    withMargin: pills || help,
+    variant: "h1",
+    "data-element": "title",
+    id: titleId
+  }, title), (help || helpLink) && getHelp(), pills && getPills()), separator && /*#__PURE__*/_react.default.createElement(_heading.StyledSeparator, null), subheader && getSubheader()), divider && /*#__PURE__*/_react.default.createElement(_heading.StyledDivider, {
+    "data-element": "divider"
+  }), children) : null;
+};
 
 Heading.propTypes = { ...marginPropTypes,
 
-  /**
-   * Children elements
-   */
+  /** Child elements */
   children: _propTypes.default.node,
 
-  /**
-   * Defines the title for the heading.
-   */
+  /** Defines the title for the heading. */
   title: _propTypes.default.node,
 
-  /**
-   * Defines the title id for the heading.
-   */
+  /** Defines the title id for the heading. */
   titleId: _propTypes.default.string,
 
-  /**
-   * Defines the subheader for the heading.
-   */
+  /** Defines the subheader for the heading. */
   subheader: _propTypes.default.node,
 
-  /**
-   * Defines the subtitle id for the heading.
-   */
+  /** Defines the subtitle id for the heading. */
   subtitleId: _propTypes.default.string,
 
-  /**
-   * Defines the help text for the heading.
-   */
+  /** Defines the help text for the heading. */
   help: _propTypes.default.string,
 
-  /**
-   * Defines the help link for the heading.
-   */
+  /** Defines the help link for the heading. */
   helpLink: _propTypes.default.string,
 
-  /**
-   * Defines the a href for the back link.
-   */
+  /** Defines the a href for the back link. */
   backLink: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]),
 
-  /**
-   * Adds a divider below the heading and the content.
-   */
+  /** Adds a divider below the heading and the content. */
   divider: _propTypes.default.bool,
 
-  /**
-   * Adds a separator between the title and the subheader.
-   */
+  /** Adds a separator between the title and the subheader. */
   separator: _propTypes.default.bool,
 
-  /**
-   * Pills that will be added after the title.
-   */
+  /** Pills that will be added after the title. */
   pills: _propTypes.default.node,
 
-  /**
-   * Aria label for rendered help component
-   */
+  /** Aria label for rendered help component */
   helpAriaLabel: _propTypes.default.string
 };
-Heading.defaultProps = {
-  divider: true,
-  separator: false
-};
 var _default = Heading;
 exports.default = _default;

package/lib/components/heading/heading.d.ts

@@ -2,8 +2,8 @@ import * as React from "react";
 import { MarginProps } from "styled-system";
 
 export interface HeadingProps extends MarginProps {
-  /** Custom className */
-  className?: string;
+  /** Child elements */
+  children?: React.ReactNode;
   /** Defines the title for the heading. */
   title?: React.ReactNode;
   /** Defines the title id for the heading. */
@@ -24,8 +24,10 @@ export interface HeadingProps extends MarginProps {
   separator?: boolean;
   /** Pills that will be added after the title. */
   pills?: React.ReactNode;
+  /** Aria label for rendered help component */
+  helpAriaLabel?: string;
 }
 
-declare class Heading extends React.Component<HeadingProps> {}
+declare function Heading(props: HeadingProps): JSX.Element | null;
 
 export default Heading;

package/lib/components/i18n-provider/i18n-provider.component.d.ts

@@ -82,15 +82,6 @@ declare namespace I18nProvider {
             titleSelect: PropTypes.Requireable<PropTypes.InferProps<{
                 deselect: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;
-            wizards: PropTypes.Requireable<PropTypes.InferProps<{
-                multiStep: PropTypes.Requireable<PropTypes.InferProps<{
-                    buttons: PropTypes.Requireable<PropTypes.InferProps<{
-                        submit: PropTypes.Requireable<(...args: any[]) => any>;
-                        next: PropTypes.Requireable<(...args: any[]) => any>;
-                        back: PropTypes.Requireable<(...args: any[]) => any>;
-                    }>>;
-                }>>;
-            }>>;
         }>>;
         export { locale_1 as locale };
         export const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;

package/lib/components/i18n-provider/i18n-provider.component.js

@@ -101,15 +101,6 @@ I18nProvider.propTypes = {
     }),
     titleSelect: _propTypes.default.shape({
       deselect: _propTypes.default.func
-    }),
-    wizards: _propTypes.default.shape({
-      multiStep: _propTypes.default.shape({
-        buttons: _propTypes.default.shape({
-          submit: _propTypes.default.func,
-          next: _propTypes.default.func,
-          back: _propTypes.default.func
-        })
-      })
     })
   }),
   children: _propTypes.default.node.isRequired

package/lib/components/menu/index.d.ts

@@ -1,6 +1,5 @@
 export { default as Menu } from "./menu";
 export { default as MenuItem } from "./menu-item/menu-item";
 export { default as ScrollableBlock } from "./scrollable-block/scrollable-block";
-export { default as SubmenuBlock } from "./submenu-block/submenu-block";
 export { default as MenuDivider } from "./menu-divider/menu-divider";
 export { default as MenuSegmentTitle } from "./menu-segment-title/menu-segment-title";

package/lib/components/menu/index.js

@@ -15,12 +15,6 @@ Object.defineProperty(exports, "MenuItem", {
     return _menuItem.default;
   }
 });
-Object.defineProperty(exports, "SubmenuBlock", {
-  enumerable: true,
-  get: function () {
-    return _submenuBlock.default;
-  }
-});
 Object.defineProperty(exports, "MenuDivider", {
   enumerable: true,
   get: function () {
@@ -50,8 +44,6 @@ var _menu = _interopRequireDefault(require("./menu.component"));
 
 var _menuItem = _interopRequireDefault(require("./menu-item/menu-item.component"));
 
-var _submenuBlock = _interopRequireDefault(require("./submenu-block/submenu-block.component"));
-
 var _menuDivider = _interopRequireDefault(require("./menu-divider/menu-divider.component"));
 
 var _menuSegmentTitle = _interopRequireDefault(require("./menu-segment-title/menu-segment-title.component"));

package/lib/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -57,19 +57,6 @@ const MenuFullscreen = ({
     }
   };
 
-  (0, _react.useLayoutEffect)(() => {
-    const checkTransitionEnd = () => {
-      menuContentRef.current.focus();
-    };
-
-    const wrapperRef = menuWrapperRef.current;
-
-    if (isOpen) {
-      wrapperRef.addEventListener("transitionend", checkTransitionEnd);
-    } else {
-      wrapperRef.removeEventListener("transitionend", checkTransitionEnd);
-    }
-  }, [isOpen]);
   const scrollVariants = {
     light: "light",
     dark: "dark",
@@ -85,8 +72,8 @@ const MenuFullscreen = ({
   return /*#__PURE__*/_react.default.createElement("li", {
     "aria-label": "menu-fullscreen"
   }, /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_focusTrap.default, {
-    autoFocus: false,
-    wrapperRef: menuWrapperRef
+    wrapperRef: menuWrapperRef,
+    isOpen: isOpen
   }, /*#__PURE__*/_react.default.createElement(_menuFullScreen.StyledMenuFullscreen, _extends({
     "data-component": "menu-fullscreen",
     ref: menuWrapperRef,
@@ -117,8 +104,7 @@ const MenuFullscreen = ({
     display: "flex",
     flexDirection: "column",
     role: "list",
-    inFullscreenView: true,
-    tabIndex: -1
+    inFullscreenView: true
   }, _react.default.Children.map(children, (child, index) => /*#__PURE__*/_react.default.createElement(_menu2.default.Provider, {
     value: {
       inFullscreenView: true,

package/lib/components/menu/menu-full-screen/menu-full-screen.style.js

@@ -33,6 +33,7 @@ const StyledMenuFullscreen = _styledComponents.default.div`
   bottom: 0;
   height: 100vh;
   width: 100%;
+  outline: none;
 
   a,
   button,

package/lib/components/menu/menu-item/menu-item.component.js

@@ -25,8 +25,6 @@ var _submenu = _interopRequireDefault(require("../__internal__/submenu/submenu.c
 
 var _submenu2 = _interopRequireDefault(require("../__internal__/submenu/submenu.context"));
 
-var _submenuBlock = _interopRequireDefault(require("../submenu-block/submenu-block.component"));
-
 var _menu2 = require("../menu.style");
 
 var _search = _interopRequireDefault(require("../../search"));
@@ -71,11 +69,6 @@ const MenuItem = ({
   } = menuContext;
 
   const childrenItems = _react.default.Children.map(children, child => {
-    if (child && child.type === _submenuBlock.default) {
-      const childArray = Array.isArray(child.props.children) ? child.props.children : [child.props.children];
-      return [...childArray.map(innerChild => innerChild)];
-    }
-
     if ((child === null || child === void 0 ? void 0 : child.type) === _search.default) {
       isChildSearch.current = true;
     }

package/lib/components/multi-action-button/multi-action-button.component.d.ts

@@ -6,5 +6,5 @@ export interface MultiActionButtonProps extends Omit<SplitButtonProps, "buttonTy
     /** Second text child, renders under main text, only when size is "large" */
     subtext?: string;
 }
-export declare const MultiActionButton: ({ align, disabled, as, buttonType, size, children, text, subtext, "data-element": dataElement, "data-role": dataRole, ...rest }: MultiActionButtonProps) => JSX.Element;
+export declare const MultiActionButton: ({ align, disabled, buttonType, size, children, text, subtext, "data-element": dataElement, "data-role": dataRole, ...rest }: MultiActionButtonProps) => JSX.Element;
 export default MultiActionButton;

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -21,8 +21,6 @@ var _utils = require("../../style/utils");
 
 var _focusTrapUtils = require("../../__internal__/focus-trap/focus-trap-utils");
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -31,12 +29,9 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-let deprecatedWarnTriggered = false;
-
 const MultiActionButton = ({
   align = "left",
   disabled,
-  as,
   buttonType,
   size,
   children,
@@ -46,13 +41,6 @@ const MultiActionButton = ({
   "data-role": dataRole,
   ...rest
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-
-    _logger.default.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `MultiActionButton` component interface. You should use the `buttonType` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   const ref = (0, _react.useRef)(null);
   const buttonRef = (0, _react.useRef)(null);
   const buttonContainer = (0, _react.useRef)(null);
@@ -211,7 +199,7 @@ const MultiActionButton = ({
     onFocus: focusMainButton,
     onBlur: blurMainButton,
     onKeyDown: handleMainButtonKeyDown,
-    buttonType: buttonType || as,
+    buttonType,
     size,
     subtext,
     ...(!disabled && {
@@ -306,7 +294,6 @@ MultiActionButton.propTypes = {
   "aria-valuemin": _propTypes.default.number,
   "aria-valuenow": _propTypes.default.number,
   "aria-valuetext": _propTypes.default.string,
-  "as": _propTypes.default.oneOf(["primary", "secondary"]),
   "autoCapitalize": _propTypes.default.string,
   "autoCorrect": _propTypes.default.string,
   "autoFocus": _propTypes.default.bool,

package/lib/components/navigation-bar/navigation-bar.component.d.ts

@@ -3,7 +3,6 @@ import { PaddingProps, FlexboxProps } from "styled-system";
 export declare type Position = "sticky" | "fixed";
 export declare type Orientation = "top" | "bottom";
 export declare type NavigationType = "light" | "dark" | "white" | "black";
-export declare type StickyPosition = "top" | "bottom";
 export interface NavigationBarProps extends PaddingProps, FlexboxProps {
     children?: React.ReactNode;
     ariaLabel?: string;
@@ -11,10 +10,6 @@ export interface NavigationBarProps extends PaddingProps, FlexboxProps {
     navigationType?: NavigationType;
     /** If 'true' the children will not be visible */
     isLoading?: boolean;
-    /** Defines the position of sticky navigation bar */
-    stickyPosition?: StickyPosition;
-    /** Defines the offset of sticky navigation bar */
-    stickyOffset?: string;
     /** Defines whether the navigation bar should be positioned fixed or sticky */
     position?: Position;
     /** Defines the offset of navigation bar */
@@ -22,5 +17,5 @@ export interface NavigationBarProps extends PaddingProps, FlexboxProps {
     /** Defines whether the navigation bar should be positioned top or bottom */
     orientation?: Orientation;
 }
-export declare const NavigationBar: ({ navigationType, isLoading, children, ariaLabel, stickyOffset, stickyPosition, position, offset, orientation, ...props }: NavigationBarProps) => JSX.Element;
+export declare const NavigationBar: ({ navigationType, isLoading, children, ariaLabel, position, offset, orientation, ...props }: NavigationBarProps) => JSX.Element;
 export default NavigationBar;

package/lib/components/navigation-bar/navigation-bar.component.js

@@ -11,40 +11,25 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _navigationBar = _interopRequireDefault(require("./navigation-bar.style"));
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-let deprecatedWarnTriggered = false;
-
 const NavigationBar = ({
   navigationType = "light",
   isLoading = false,
   children,
   ariaLabel,
-  stickyOffset = "0",
-  stickyPosition,
   position,
   offset = "0",
   orientation,
   ...props
 }) => {
-  if (!deprecatedWarnTriggered && stickyPosition) {
-    deprecatedWarnTriggered = true;
-
-    _logger.default.deprecate( // eslint-disable-next-line max-len
-    "The `stickyPosition` and `stickyOffset` props are deprecated and will soon be removed. You should use the `position`, `offset` and `orientation` props to achieve the same layout. The following codemods are available to help with updating your code: https://github.com/Sage/carbon-codemod/tree/master/transforms/remove-prop and https://github.com/Sage/carbon-codemod/tree/master/transforms/add-prop");
-  }
-
   return /*#__PURE__*/_react.default.createElement(_navigationBar.default, _extends({
     role: "navigation",
     "aria-label": ariaLabel,
     navigationType: navigationType,
     "data-component": "navigation-bar",
-    stickyOffset: stickyOffset,
-    stickyPosition: stickyPosition,
     position: position,
     offset: offset,
     orientation: orientation
@@ -1052,9 +1037,7 @@ NavigationBar.propTypes = {
     "description": _propTypes.default.string,
     "toString": _propTypes.default.func.isRequired,
     "valueOf": _propTypes.default.func.isRequired
-  }), _propTypes.default.string]),
-  "stickyOffset": _propTypes.default.string,
-  "stickyPosition": _propTypes.default.oneOf(["bottom", "top"])
+  }), _propTypes.default.string])
 };
 var _default = NavigationBar;
 exports.default = _default;

package/lib/components/navigation-bar/navigation-bar.style.d.ts

@@ -3,10 +3,6 @@ import { Position, Orientation, NavigationType } from "./navigation-bar.componen
 declare const StyledNavigationBar: import("styled-components").StyledComponent<"nav", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     /** Color scheme of navigation component */
     navigationType?: NavigationType | undefined;
-    /** Defines the position of sticky navigation bar */
-    stickyPosition?: Orientation | undefined;
-    /** Defines the offset of sticky navigation bar */
-    stickyOffset?: string | undefined;
     /** Defines whether the navigation bar should be positioned fixed or sticky */
     position?: Position | undefined;
     /** Defines the offset of navigation bar */

package/lib/components/navigation-bar/navigation-bar.style.js

@@ -49,14 +49,6 @@ const StyledNavigationBar = _styledComponents.default.nav`
     margin-right: 10px;
   }
 
-  ${({
-  stickyPosition,
-  stickyOffset
-}) => stickyPosition && (0, _styledComponents.css)`
-      position: sticky;
-      ${stickyPosition}: ${stickyOffset};
-    `}
-
   ${({
   position,
   orientation,

package/lib/components/radio-button/radio-button-group.component.js

@@ -17,7 +17,7 @@ var _fieldset = _interopRequireDefault(require("../../__internal__/fieldset"));
 
 var _radioButtonGroup = _interopRequireDefault(require("./radio-button-group.style"));
 
-var _radioButtonMapper = _interopRequireDefault(require("./radio-button-mapper.component"));
+var _radioButtonMapper = _interopRequireDefault(require("../../__internal__/radio-button-mapper/radio-button-mapper.component"));
 
 var _useIsAboveBreakpoint = _interopRequireDefault(require("../../hooks/__internal__/useIsAboveBreakpoint"));
 

package/lib/components/select/select-list/select-list.component.js

@@ -258,7 +258,7 @@ const SelectList = /*#__PURE__*/_react.default.forwardRef(({
     }
 
     setListHeight(`${newHeight}px`);
-  }, [children, listRef.current]);
+  }, [children]);
   (0, _react.useEffect)(() => {
     const keyboardEvent = "keydown";
     const listElement = listRef.current;
@@ -365,7 +365,7 @@ SelectList.propTypes = {
   /** The Id of the label */
   labelId: _propTypes.default.string,
 
-  /** Child components (such as <Option>) for the <ScrollableList> */
+  /** Child components (such as <Option>) */
   children: _propTypes.default.node,
 
   /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */