carbon-react 115.0.2 → 116.0.0

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

@@ -9,8 +9,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
@@ -23,8 +21,6 @@ var _box = _interopRequireDefault(require("../box"));
 
 var _accordion = _interopRequireDefault(require("./__internal__/accordion"));
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 var _tileSelect = require("./tile-select.style");
 
 var _utils = require("../../style/utils");
@@ -37,13 +33,7 @@ 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); }
 
-const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
-const checkPropTypeIsNode = prop => typeof prop !== "string" && {
-  as: "div"
-};
-
-let deprecateInputRefWarnTriggered = false;
+const checkPropTypeIsNode = prop => typeof prop !== "string";
 
 const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
   onChange,
@@ -51,14 +41,14 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
   onFocus,
   value,
   name,
-  checked,
+  checked = false,
   className,
   disabled,
   title,
   subtitle,
   description,
   titleAdornment,
-  type,
+  type = "checkbox",
   id,
   customActionButton,
   actionButtonAdornment,
@@ -68,13 +58,12 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
   accordionContent,
   accordionControl,
   accordionExpanded,
-  inputRef,
   ...rest
 }, ref) => {
   const l = (0, _useLocale.default)();
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
 
-  const handleDeselect = () => onChange({
+  const handleDeselect = () => onChange === null || onChange === void 0 ? void 0 : onChange({
     target: { ...(name && {
         name
       }),
@@ -86,12 +75,6 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
     }
   });
 
-  if (!deprecateInputRefWarnTriggered && inputRef) {
-    deprecateInputRefWarnTriggered = true;
-
-    _logger.default.deprecate("The `inputRef` prop in `TileSelect` component is deprecated and will soon be removed. Please use `ref` instead.");
-  }
-
   const renderActionButton = () => /*#__PURE__*/_react.default.createElement(_tileSelect.StyledDeselectWrapper, {
     hasActionAdornment: !!actionButtonAdornment
   }, customActionButton && customActionButton(handleDeselect), !customActionButton && checked && /*#__PURE__*/_react.default.createElement(_button.default, {
@@ -120,15 +103,11 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
     onChange: onChange,
     onBlur: ev => {
       setHasFocus(false);
-      /* istanbul ignore else */
-
-      if (onBlur) onBlur(ev);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
     },
     onFocus: ev => {
       setHasFocus(true);
-      /* istanbul ignore else */
-
-      if (onFocus) onFocus(ev);
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
     },
     checked: checked,
     name: name,
@@ -137,7 +116,6 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
     disabled: disabled,
     "aria-checked": checked,
     id: id,
-    inputRef: inputRef,
     ref: ref
   }, rest)), /*#__PURE__*/_react.default.createElement(_tileSelect.StyledTileSelect, {
     disabled: disabled,
@@ -147,10 +125,16 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
     justifyContent: "space-between",
     flexDirection: "row-reverse"
   }, (customActionButton || checked) && renderActionButton(), /*#__PURE__*/_react.default.createElement(_box.default, {
-    flexGrow: "1"
-  }, /*#__PURE__*/_react.default.createElement(_tileSelect.StyledTitleContainer, null, title && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledTitle, checkPropTypeIsNode(title), title), subtitle && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledSubtitle, checkPropTypeIsNode(subtitle), subtitle), titleAdornment && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledAdornment, {
+    flexGrow: 1
+  }, /*#__PURE__*/_react.default.createElement(_tileSelect.StyledTitleContainer, null, title && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledTitle, {
+    as: checkPropTypeIsNode(title) ? "div" : undefined
+  }, title), subtitle && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledSubtitle, {
+    as: checkPropTypeIsNode(subtitle) ? "div" : undefined
+  }, subtitle), titleAdornment && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledAdornment, {
     hasAdditionalInformation: !!additionalInformation
-  }, titleAdornment)), additionalInformation && /*#__PURE__*/_react.default.createElement("div", null, additionalInformation), /*#__PURE__*/_react.default.createElement(_tileSelect.StyledDescription, checkPropTypeIsNode(description), description), footer && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledFooterWrapper, null, footer), accordionContent && accordionControl && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledAccordionFooterWrapper, {
+  }, titleAdornment)), additionalInformation && /*#__PURE__*/_react.default.createElement("div", null, additionalInformation), /*#__PURE__*/_react.default.createElement(_tileSelect.StyledDescription, {
+    as: checkPropTypeIsNode(description) ? "div" : undefined
+  }, description), footer && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledFooterWrapper, null, footer), accordionContent && accordionControl && /*#__PURE__*/_react.default.createElement(_tileSelect.StyledAccordionFooterWrapper, {
     accordionExpanded: accordionExpanded
   }, accordionControl(controlId, contentId))), prefixAdornment && /*#__PURE__*/_react.default.createElement(_box.default, {
     "data-element": "prefix-adornment",
@@ -163,80 +147,183 @@ const TileSelect = /*#__PURE__*/_react.default.forwardRef(({
   }, accordionContent)));
 });
 
-TileSelect.defaultProps = {
-  checked: false,
-  type: "checkbox"
-};
-TileSelect.propTypes = { ...marginPropTypes,
-
-  /** title of the TileSelect */
-  title: _propTypes.default.node,
-
-  /** adornment to be rendered next to the title */
-  titleAdornment: _propTypes.default.node,
-
-  /** subtitle of the TileSelect */
-  subtitle: _propTypes.default.node,
-
-  /** description of the TileSelect */
-  description: _propTypes.default.node,
-
-  /** disables the TileSelect input */
-  disabled: _propTypes.default.bool,
-
-  /** the value that is represented by this TileSelect */
-  value: _propTypes.default.string,
-
-  /** input id */
-  id: _propTypes.default.string,
-
-  /** input name */
-  name: _propTypes.default.string,
-
-  /** Callback triggered when user selects or deselects this tile */
-  onChange: _propTypes.default.func,
-
-  /** Callback triggered when the user blurs this tile */
-  onBlur: _propTypes.default.func,
-
-  /** Callback triggered when the user focuses this tile */
-  onFocus: _propTypes.default.func,
-
-  /** determines if this tile is selected or unselected */
-  checked: _propTypes.default.bool,
-
-  /** Custom class name passed to the root element of TileSelect */
-  className: _propTypes.default.string,
-
-  /** Type of the TileSelect input */
-  type: _propTypes.default.oneOf(["radio", "checkbox"]),
-
-  /** Render prop that allows overriding the default action button. `(onClick) => <Button onClick={onClick}>...</Button>` */
-  customActionButton: _propTypes.default.func,
-
-  /** An additional help info icon rendered next to the action button */
-  actionButtonAdornment: _propTypes.default.node,
-
-  /** footer of the TileSelect */
-  footer: _propTypes.default.node,
-
-  /** Component to render in the top left corner of TileSelect */
-  prefixAdornment: _propTypes.default.node,
-
-  /** Component to render additional information row between title and description */
-  additionalInformation: _propTypes.default.node,
-
-  /** Components to render in the TileSelect Accordion */
-  accordionContent: _propTypes.default.node,
-
-  /**
-   * Render prop to support rendering the control to handle the expanded state of the TileSelect Accordion.
-   * `(controlId, contentId) => <Button id={controlId} aria-controls={contentId}>...</Button>`
-   */
-  accordionControl: _propTypes.default.func,
-
-  /** Flag to control the open state of TileSelect Accordion */
-  accordionExpanded: _propTypes.default.bool
+TileSelect.propTypes = {
+  "accordionContent": _propTypes.default.node,
+  "accordionControl": _propTypes.default.func,
+  "accordionExpanded": _propTypes.default.bool,
+  "actionButtonAdornment": _propTypes.default.node,
+  "additionalInformation": _propTypes.default.node,
+  "checked": _propTypes.default.bool,
+  "className": _propTypes.default.string,
+  "customActionButton": _propTypes.default.func,
+  "description": _propTypes.default.node,
+  "disabled": _propTypes.default.bool,
+  "footer": _propTypes.default.node,
+  "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]),
+  "name": _propTypes.default.string,
+  "onBlur": _propTypes.default.func,
+  "onChange": _propTypes.default.func,
+  "onFocus": _propTypes.default.func,
+  "prefixAdornment": _propTypes.default.node,
+  "subtitle": _propTypes.default.node,
+  "title": _propTypes.default.node,
+  "titleAdornment": _propTypes.default.node,
+  "type": _propTypes.default.oneOf(["checkbox", "radio"]),
+  "value": _propTypes.default.string
 };
 TileSelect.displayName = "TileSelect";
 var _default = TileSelect;

package/lib/components/tile-select/tile-select.style.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+declare const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
+declare const StyledSubtitle: import("styled-components").StyledComponent<"h4", any, {}, never>;
+declare const StyledAdornment: import("styled-components").StyledComponent<"div", any, {
+    hasAdditionalInformation: boolean;
+}, never>;
+declare const StyledDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
+declare const StyledTileSelect: import("styled-components").StyledComponent<"div", any, {
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;
+declare const StyledFocusWrapper: import("styled-components").StyledComponent<"div", any, {
+    checked?: boolean | undefined;
+    hasFocus: boolean;
+}, never>;
+declare const StyledTileSelectContainer: import("styled-components").StyledComponent<"div", any, {
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;
+declare const StyledFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledAccordionFooterWrapper: import("styled-components").StyledComponent<"div", any, {
+    accordionExpanded?: boolean | undefined;
+}, never>;
+declare const StyledTileSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../__internal__/input").InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>, any, {}, never>;
+declare const StyledTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledDeselectWrapper: import("styled-components").StyledComponent<"div", any, {
+    hasActionAdornment: boolean;
+}, never>;
+declare const StyledTileSelectFieldset: import("styled-components").StyledComponent<{
+    ({ children, inline, legend, ...rest }: import("../fieldset").FieldsetProps): JSX.Element;
+    displayName: string;
+}, any, {
+    multiSelect: boolean;
+}, never>;
+declare const StyledGroupDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
+export { StyledTileSelectFieldset, StyledGroupDescription, StyledTileSelectContainer, StyledTileSelect, StyledTileSelectInput, StyledTitleContainer, StyledTitle, StyledSubtitle, StyledAdornment, StyledDescription, StyledDeselectWrapper, StyledFooterWrapper, StyledFocusWrapper, StyledAccordionFooterWrapper, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "115.0.2",
+  "version": "116.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

package/esm/components/tile-select/__internal__/accordion/accordion.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-
-export interface AccordionProps extends SpaceProps {
-  children: React.ReactNode;
-  expanded?: boolean;
-  contentId?: string;
-  controlId?: string;
-}
-
-declare function Accordion(props: AccordionProps): JSX.Element;
-
-export default Accordion;

package/esm/components/tile-select/tile-select-group.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface TileSelectGroupProps extends MarginProps {
-  /** The TileSelect components to be rendered in the group */
-  children: React.ReactNode;
-  /** The content for the TileSelectGroup Legend */
-  legend?: string;
-  /** Description to be rendered below the legend */
-  description?: string;
-  /** The currently selected value - only for single select mode. */
-  value?: string;
-  /** The name to apply to the input - only for single select mode. */
-  name?: string;
-  /** A callback triggered when one of tiles is selected - only for single select mode. */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** A callback triggered when one of tiles is blurred - only for single select mode. */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** When passed as true TileSelectGroup serves only visual purpose */
-  /** It wraps TileSelects in fieldset element and renders the legend and description props content */
-  /** onChange, onBlur, value, checked and name props are meant to be passed individually on each of the TileSelects */
-  multiSelect?: boolean;
-}
-
-declare function TileSelectGroup(props: TileSelectGroupProps): JSX.Element;
-
-export { TileSelectGroup };

package/esm/components/tile-select/tile-select.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface TileSelectProps extends MarginProps {
-  /** title of the TileSelect */
-  title?: string;
-  /** adornment to be rendered next to the title */
-  titleAdornment?: React.ReactNode;
-  /** subtitle of the TileSelect */
-  subtitle?: string;
-  /** description of the TileSelect */
-  description?: React.ReactNode;
-  /** disables the TileSelect input */
-  disabled?: boolean;
-  /** the value that is represented by this TileSelect */
-  value?: string;
-  /** input id */
-  id?: string;
-  /** input name */
-  name?: string;
-  /** Callback triggered when user selects or deselects this tile */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** Callback triggered when the user blurs this tile */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** determines if this tile is selected or unselected */
-  checked?: boolean;
-  /** Custom class name passed to the root element of TileSelect */
-  className?: string;
-  /** Type of the TileSelect input */
-  type?: "radio" | "checkbox";
-  /** Render prop that allows overriding the default action button. */
-  customActionButton?: (onClick: () => void) => JSX.Element;
-  /** An additional help info icon rendered next to the action button */
-  actionButtonAdornment?: React.ReactNode;
-  /** footer of the TileSelect */
-  footer?: React.ReactNode;
-  /** Component to render in the top left corner of TileSelect */
-  prefixAdornment?: React.ReactNode;
-  /** Component to render additional information row between title and description */
-  additionalInformation?: React.ReactNode;
-  /** Components to render in the TileSelect Accordion */
-  accordionContent?: React.ReactNode;
-  /** Callback to toggle expanded state of TileSelect Accordion */
-  accordionControl?: (controlId: string, contentId: string) => JSX.Element;
-  /** Flag to control the open state of TileSelect Accordion */
-  accordionExpanded?: boolean;
-}
-
-declare function TileSelect(props: TileSelectProps): JSX.Element;
-
-export { TileSelect };

package/lib/components/tile-select/__internal__/accordion/accordion.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { SpaceProps } from "styled-system";
-
-export interface AccordionProps extends SpaceProps {
-  children: React.ReactNode;
-  expanded?: boolean;
-  contentId?: string;
-  controlId?: string;
-}
-
-declare function Accordion(props: AccordionProps): JSX.Element;
-
-export default Accordion;

package/lib/components/tile-select/tile-select-group.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface TileSelectGroupProps extends MarginProps {
-  /** The TileSelect components to be rendered in the group */
-  children: React.ReactNode;
-  /** The content for the TileSelectGroup Legend */
-  legend?: string;
-  /** Description to be rendered below the legend */
-  description?: string;
-  /** The currently selected value - only for single select mode. */
-  value?: string;
-  /** The name to apply to the input - only for single select mode. */
-  name?: string;
-  /** A callback triggered when one of tiles is selected - only for single select mode. */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** A callback triggered when one of tiles is blurred - only for single select mode. */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** When passed as true TileSelectGroup serves only visual purpose */
-  /** It wraps TileSelects in fieldset element and renders the legend and description props content */
-  /** onChange, onBlur, value, checked and name props are meant to be passed individually on each of the TileSelects */
-  multiSelect?: boolean;
-}
-
-declare function TileSelectGroup(props: TileSelectGroupProps): JSX.Element;
-
-export { TileSelectGroup };

package/lib/components/tile-select/tile-select.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface TileSelectProps extends MarginProps {
-  /** title of the TileSelect */
-  title?: string;
-  /** adornment to be rendered next to the title */
-  titleAdornment?: React.ReactNode;
-  /** subtitle of the TileSelect */
-  subtitle?: string;
-  /** description of the TileSelect */
-  description?: React.ReactNode;
-  /** disables the TileSelect input */
-  disabled?: boolean;
-  /** the value that is represented by this TileSelect */
-  value?: string;
-  /** input id */
-  id?: string;
-  /** input name */
-  name?: string;
-  /** Callback triggered when user selects or deselects this tile */
-  onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-  /** Callback triggered when the user blurs this tile */
-  onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-  /** determines if this tile is selected or unselected */
-  checked?: boolean;
-  /** Custom class name passed to the root element of TileSelect */
-  className?: string;
-  /** Type of the TileSelect input */
-  type?: "radio" | "checkbox";
-  /** Render prop that allows overriding the default action button. */
-  customActionButton?: (onClick: () => void) => JSX.Element;
-  /** An additional help info icon rendered next to the action button */
-  actionButtonAdornment?: React.ReactNode;
-  /** footer of the TileSelect */
-  footer?: React.ReactNode;
-  /** Component to render in the top left corner of TileSelect */
-  prefixAdornment?: React.ReactNode;
-  /** Component to render additional information row between title and description */
-  additionalInformation?: React.ReactNode;
-  /** Components to render in the TileSelect Accordion */
-  accordionContent?: React.ReactNode;
-  /** Callback to toggle expanded state of TileSelect Accordion */
-  accordionControl?: (controlId: string, contentId: string) => JSX.Element;
-  /** Flag to control the open state of TileSelect Accordion */
-  accordionExpanded?: boolean;
-}
-
-declare function TileSelect(props: TileSelectProps): JSX.Element;
-
-export { TileSelect };