carbon-react 110.4.1 → 110.5.2

package/lib/components/message/message.component.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.Message = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _message = _interopRequireDefault(require("./message.style"));
 
 var _typeIcon = _interopRequireDefault(require("./type-icon/type-icon.component"));
@@ -31,8 +29,6 @@ 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); }
 
-const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const Message = ({
   open = true,
   transparent = false,
@@ -54,14 +50,13 @@ const Message = ({
     return /*#__PURE__*/_react.default.createElement(_iconButton.default, {
       "data-element": "close",
       "aria-label": closeButtonAriaLabel || l.message.closeButtonAriaLabel(),
-      onAction: onDismiss,
-      variant: variant
+      onAction: onDismiss
     }, /*#__PURE__*/_react.default.createElement(_icon.default, {
       type: "close"
     }));
   };
 
-  return open && /*#__PURE__*/_react.default.createElement(_message.default, _extends({}, (0, _tags.default)("Message", props), {
+  return open ? /*#__PURE__*/_react.default.createElement(_message.default, _extends({}, (0, _tags.default)("Message", props), {
     className: className,
     transparent: transparent,
     variant: variant,
@@ -72,40 +67,175 @@ const Message = ({
     transparent: transparent
   }), /*#__PURE__*/_react.default.createElement(_messageContent.default, {
     title: title
-  }, children), renderCloseIcon());
+  }, children), renderCloseIcon()) : null;
 };
 
-Message.propTypes = { ...marginPropTypes,
-
-  /** set type of message based on new DLS standard */
-  variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
-
-  /** set content to component */
-  children: _propTypes.default.node,
-
-  /** set custom class to component */
-  className: _propTypes.default.string,
-
-  /** set custom id to component root */
-  id: _propTypes.default.string,
-
-  /** show message component */
-  open: _propTypes.default.bool,
-
-  /** function runs when user click dismiss button */
-  onDismiss: _propTypes.default.func,
-
-  /** set message title */
-  title: _propTypes.default.node,
-
-  /** set background to be invisible */
-  transparent: _propTypes.default.bool,
-
-  /** determines if the close icon is shown */
-  showCloseIcon: _propTypes.default.bool,
-
-  /** set custom aria label for message close button */
-  closeButtonAriaLabel: _propTypes.default.string
+exports.Message = Message;
+Message.propTypes = {
+  "children": _propTypes.default.node,
+  "className": _propTypes.default.string,
+  "closeButtonAriaLabel": _propTypes.default.string,
+  "id": _propTypes.default.string,
+  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "onDismiss": _propTypes.default.func,
+  "open": _propTypes.default.bool,
+  "showCloseIcon": _propTypes.default.bool,
+  "title": _propTypes.default.node,
+  "transparent": _propTypes.default.bool,
+  "variant": _propTypes.default.oneOf(["error", "info", "success", "warning"])
 };
 var _default = Message;
 exports.default = _default;

package/lib/components/message/message.style.d.ts

@@ -0,0 +1,8 @@
+import { MarginProps } from "styled-system";
+import { MessageVariant } from "./message.component";
+declare type MessageStyleProps = {
+    variant: MessageVariant;
+    transparent?: boolean;
+};
+declare const MessageStyle: import("styled-components").StyledComponent<"div", any, MessageStyleProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export default MessageStyle;

package/lib/components/message/message.style.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledSystem = require("styled-system");
 
 var _base = _interopRequireDefault(require("../../style/themes/base"));
@@ -55,13 +53,7 @@ const MessageStyle = _styledComponents.default.div`
   ${_styledSystem.margin}
 `;
 MessageStyle.defaultProps = {
-  variant: "info",
-  theme: _base.default,
-  transparent: false
-};
-MessageStyle.propTypes = {
-  variant: _propTypes.default.string,
-  transparent: _propTypes.default.bool
+  theme: _base.default
 };
 var _default = MessageStyle;
 exports.default = _default;

package/lib/components/message/type-icon/type-icon.component.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { MessageVariant } from "../message.component";
+export interface TypeIconProps {
+    /** set background to be invisible */
+    transparent?: boolean;
+    /** set type of message based on new DLS standard */
+    variant?: MessageVariant;
+}
+declare const TypeIcon: ({ variant, transparent }: TypeIconProps) => JSX.Element;
+export default TypeIcon;

package/lib/components/message/type-icon/type-icon.component.js

@@ -16,8 +16,8 @@ var _icon = _interopRequireDefault(require("../../icon"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const TypeIcon = ({
-  variant,
-  transparent
+  variant = "info",
+  transparent = false
 }) => {
   return /*#__PURE__*/_react.default.createElement(_typeIcon.default, {
     variant: variant,
@@ -27,13 +27,9 @@ const TypeIcon = ({
   }));
 };
 
-TypeIcon.defaultProps = {
-  variant: "info",
-  transparent: false
-};
 TypeIcon.propTypes = {
-  variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
-  transparent: _propTypes.default.bool
+  "transparent": _propTypes.default.bool,
+  "variant": _propTypes.default.oneOf(["error", "info", "success", "warning"])
 };
 var _default = TypeIcon;
 exports.default = _default;

package/lib/components/message/type-icon/type-icon.style.d.ts

@@ -0,0 +1,9 @@
+import { MessageVariant } from "../message.component";
+declare type TypeIconStyleProps = {
+    /** set background to be invisible */
+    transparent?: boolean;
+    /** set type of message based on new DLS standard */
+    variant: MessageVariant;
+};
+declare const TypeIconStyle: import("styled-components").StyledComponent<"div", any, TypeIconStyleProps, never>;
+export default TypeIconStyle;

package/lib/components/message/type-icon/type-icon.style.js

@@ -7,10 +7,6 @@ exports.default = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -49,14 +45,5 @@ const TypeIconStyle = _styledComponents.default.div`
       }
     `}
 `;
-TypeIconStyle.defaultProps = {
-  variant: "info",
-  transparent: false
-};
-TypeIconStyle.propTypes = {
-  variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
-  border: _propTypes.default.bool,
-  transparent: _propTypes.default.bool
-};
 var _default = TypeIconStyle;
 exports.default = _default;

package/lib/components/search/search.component.js

@@ -53,6 +53,10 @@ const Search = ({
   "aria-label": ariaLabel = "search",
   inputRef,
   tabIndex,
+  error,
+  warning,
+  info,
+  tooltipPosition,
   ...rest
 }) => {
   const isControlled = value !== undefined;
@@ -182,7 +186,11 @@ const Search = ({
     onChange: handleChange,
     onKeyDown: handleKeyDown,
     inputRef: assignInput,
-    tabIndex: tabIndex
+    tabIndex: tabIndex,
+    error: error,
+    warning: warning,
+    info: info,
+    tooltipPosition: tooltipPosition
   }), searchButton && /*#__PURE__*/_react.default.createElement(_search.StyledSearchButton, null, Boolean(isFocused || (!isControlled ? searchValue.length : value.length)) && /*#__PURE__*/_react.default.createElement(_button.default, _extends({
     tabIndex: iconTabIndex,
     size: "medium",
@@ -261,7 +269,25 @@ Search.propTypes = {
   }),
 
   /** Input tabindex */
-  tabIndex: _propTypes.default.number
+  tabIndex: _propTypes.default.number,
+
+  /** Indicate that error has occurred
+  Pass string to display icon, tooltip and red border
+  Pass true boolean to only display red border */
+  error: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
+  /** Indicate that warning has occurred
+  Pass string to display icon, tooltip and orange border
+  Pass true boolean to only display orange border */
+  warning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
+  /** Indicate additional information
+  Pass string to display icon, tooltip and blue border
+  Pass true boolean to only display blue border */
+  info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
+
+  /** Overrides the default tooltip position */
+  tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"])
 };
 var _default = Search;
 exports.default = _default;

package/lib/components/search/search.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
 
-export interface SearchProps extends MarginProps {
+export interface SearchProps extends ValidationProps, MarginProps {
   /** Prop to specify the aria-label of the search component */
   "aria-label"?: string;
   /** Prop for `uncontrolled` use */
@@ -42,6 +42,8 @@ export interface SearchProps extends MarginProps {
   inputRef?: React.RefObject<HTMLInputElement>;
   /** Input tabindex */
   tabIndex?: number;
+  /** Overrides the default tooltip position */
+  tooltipPosition?: "top" | "bottom" | "left" | "right";
 }
 
 declare function Search(props: SearchProps): JSX.Element;

package/lib/components/sidebar/__internal__/sidebar-header/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./sidebar-header.component";

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface SidebarHeaderProps {
+    /** This component supports children. */
+    children?: React.ReactNode;
+    /** A custom id. */
+    id: string;
+}
+declare const SidebarHeader: ({ children, id }: SidebarHeaderProps) => JSX.Element;
+export default SidebarHeader;

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js

@@ -9,33 +9,21 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _tags = _interopRequireDefault(require("../../../../__internal__/utils/helpers/tags/tags"));
-
 var _sidebarHeader = _interopRequireDefault(require("./sidebar-header.style"));
 
 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); }
-
 const SidebarHeader = ({
-  className,
   children,
-  id,
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, _extends({
-  className: className,
-  id: id
-}, (0, _tags.default)("sidebar-header", props)), children);
+  id
+}) => /*#__PURE__*/_react.default.createElement(_sidebarHeader.default, {
+  id: id,
+  "data-component": "sidebar-header"
+}, children);
 
 SidebarHeader.propTypes = {
-  /** This component supports children. */
-  children: _propTypes.default.node,
-
-  /** A custom class name. */
-  className: _propTypes.default.string,
-
-  /** A custom id. */
-  id: _propTypes.default.string
+  "children": _propTypes.default.node,
+  "id": _propTypes.default.string.isRequired
 };
 var _default = SidebarHeader;
 exports.default = _default;

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts

@@ -0,0 +1,2 @@
+declare const SidebarHeaderStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default SidebarHeaderStyle;

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

@@ -1 +1,2 @@
-export { default, SidebarContext } from "./sidebar";
+export { default, SidebarContext } from "./sidebar.component";
+export type { SidebarProps } from "./sidebar.component";

package/lib/components/sidebar/sidebar.component.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import { PaddingProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+export interface SidebarContextProps {
+    isInSidebar?: boolean;
+}
+export declare const SidebarContext: React.Context<SidebarContextProps>;
+export interface SidebarProps extends PaddingProps, TagProps {
+    /** Prop to specify the aria-describedby property of the component */
+    "aria-describedby"?: string;
+    /**
+     * Prop to specify the aria-label of the component.
+     * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
+     */
+    "aria-label"?: string;
+    /**
+     * Prop to specify the aria-labeledby property of the component
+     * To be used when the title prop is a custom React Node,
+     * or the component is labelled by an internal element other than the title.
+     */
+    "aria-labelledby"?: string;
+    /** Modal content */
+    children?: React.ReactNode;
+    /** Determines if the Esc Key closes the modal */
+    disableEscKey?: boolean;
+    /** Set this prop to false to hide the translucent background when the dialog is open. */
+    enableBackgroundUI?: boolean;
+    /** Node that will be used as sidebar header. */
+    header?: React.ReactNode;
+    /** A custom close event handler */
+    onCancel?: (ev: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => void;
+    /** Sets the open state of the modal */
+    open: boolean;
+    /** Sets the position of sidebar, either left or right. */
+    position?: "left" | "right";
+    /** The ARIA role to be applied to the component container */
+    role?: string;
+    /** Sets the size of the sidebar when open. */
+    size?: "extra-small" | "small" | "medium-small" | "medium" | "medium-large" | "large" | "extra-large";
+    /** an optional array of refs to containers whose content should also be reachable by tabbing from the sidebar */
+    focusableContainers?: React.MutableRefObject<HTMLElement>[];
+}
+export declare const Sidebar: React.ForwardRefExoticComponent<Pick<SidebarProps, keyof SidebarProps> & React.RefAttributes<HTMLDivElement>>;
+export default Sidebar;