carbon-react 111.12.3 → 111.12.4

package/lib/components/textarea/textarea.component.js

@@ -4,28 +4,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.OriginalTextarea = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _input = require("../../__internal__/input");
+
 var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
+
 var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal__/useCharacterCount"));
+
 var _input2 = _interopRequireDefault(require("../../__internal__/input/input.component"));
+
 var _inputBehaviour = require("../../__internal__/input-behaviour");
+
 var _utils = require("../../style/utils");
+
 var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle"));
+
 var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
+
 var _textarea = _interopRequireWildcard(require("./textarea.style"));
+
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
+
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility"));
+
 var _carbonProvider = require("../carbon-provider/carbon-provider.component");
+
 var _textbox = require("../textbox/textbox.style");
+
 var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
+
 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; }
+
 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 Textarea = ({
   autoFocus,
   fieldHelp,
@@ -67,20 +90,25 @@ const Textarea = ({
   const {
     validationRedesignOptIn
   } = (0, _react.useContext)(_carbonProvider.NewValidationContext);
+
   const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
+
   const {
     current: id
   } = (0, _react.useRef)(idProp || (0, _guid.default)());
   const inputRef = (0, _react.useRef)();
   const minHeight = (0, _react.useRef)(_textarea.MIN_HEIGHT);
+
   const expandTextarea = () => {
     const textarea = inputRef.current;
+
     if (textarea.scrollHeight > minHeight.current) {
-      textarea.style.height = "0px";
-      // Set the height so all content is shown
+      textarea.style.height = "0px"; // Set the height so all content is shown
+
       textarea.style.height = `${Math.max(textarea.scrollHeight, minHeight.current)}px`;
     }
   };
+
   const {
     labelId,
     validationIconId,
@@ -95,8 +123,7 @@ const Textarea = ({
     label,
     fieldHelp
   });
-  const [maxLength, characterCount] = (0, _useCharacterCount.default)(value,
-  // TODO: Can be removed after the characterLimit type is changed to number
+  const [maxLength, characterCount] = (0, _useCharacterCount.default)(value, // TODO: Can be removed after the characterLimit type is changed to number
   typeof characterLimit === "string" ? parseInt(characterLimit, 10) : characterLimit, warnOverLimit, enforceCharacterLimit);
   (0, _react.useEffect)(() => {
     if (rows) {
@@ -113,6 +140,7 @@ const Textarea = ({
       window.addEventListener("resize", expandTextarea);
       minHeight.current = inputRef.current.clientHeight;
     }
+
     return () => {
       if (expandable) {
         window.removeEventListener("resize", expandTextarea);
@@ -191,91 +219,128 @@ const Textarea = ({
     useValidationIcon: !(validationRedesignOptIn || validationOnLabel)
   }))), characterCount)));
 };
+
 exports.OriginalTextarea = Textarea;
-Textarea.propTypes = {
-  ...marginPropTypes,
+Textarea.propTypes = { ...marginPropTypes,
+
   /** Automatically focus the input on component mount */
   autoFocus: _propTypes.default.bool,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-element": _propTypes.default.string,
+
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-role": _propTypes.default.string,
+
   /** id of the input */
   id: _propTypes.default.string,
+
   /** Character limit of the textarea */
   characterLimit: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+
   /** Type of the icon that will be rendered next to the input */
   children: _propTypes.default.node,
+
   /** The visible width of the text control, in average character widths */
   cols: _propTypes.default.number,
+
   /** Adds disabled property */
   disabled: _propTypes.default.bool,
+
   /** Stop the user typing over the characterLimit */
   enforceCharacterLimit: _propTypes.default.bool,
+
   /** Allows the Textareas Height to change based on user input */
   expandable: _propTypes.default.bool,
+
   /** Help content to be displayed under an input */
   fieldHelp: _propTypes.default.node,
+
   /** The content of the label for the input */
   label: _propTypes.default.string,
+
   /** Text applied to label help tooltip */
   labelHelp: _propTypes.default.node,
+
   /** Inline label alignment */
   labelAlign: _propTypes.default.oneOf(["left", "right"]),
+
   /** When true, label is placed in line with an input */
   labelInline: _propTypes.default.bool,
+
   /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
   labelSpacing: _propTypes.default.oneOf([1, 2]),
+
   /** Width of a label in percentage. Works only when labelInline is true */
   labelWidth: _propTypes.default.number,
+
   /** Width of an input in percentage. Works only when labelInline is true */
   inputWidth: _propTypes.default.number,
+
   /** Name of the input */
   name: _propTypes.default.string,
+
   /** Callback fired when the user types in the Textarea */
   onChange: _propTypes.default.func,
+
   /** Placeholder text for the component */
   placeholder: _propTypes.default.string,
+
   /** Adds readOnly property */
   readOnly: _propTypes.default.bool,
+
   /** The number of visible text lines for the control */
   rows: _propTypes.default.number,
+
   /** One of type of size to apply to the textarea */
   size: _propTypes.default.oneOf(["small", "medium", "large"]),
+
   /** The value of the Textarea */
   value: _propTypes.default.string,
+
   /** Whether to display the character count message in red */
   warnOverLimit: _propTypes.default.bool,
+
   /** 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]),
+
   /** When true, validation icon will be placed on label instead of being placed on the input */
   validationOnLabel: _propTypes.default.bool,
+
   /**
    * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
    *
    * Icon to display inside of the Textarea
    */
   inputIcon: _propTypes.default.string,
+
   /** Message to be displayed in a Tooltip when the user hovers over the help icon */
   tooltipMessage: _propTypes.default.string,
+
   /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLabelBreakpoint: _propTypes.default.number,
+
   /** Flag to configure component as mandatory */
   required: _propTypes.default.bool,
+
   /** Overrides the default tooltip position */
   tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"]),
+
   /** Aria label for rendered help component */
   helpAriaLabel: _propTypes.default.string
 };

package/lib/components/textarea/textarea.style.js

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MIN_HEIGHT = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _input = _interopRequireDefault(require("../../__internal__/input/input.style"));
+
 var _label = require("../../__internal__/label/label.style");
+
 var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle/input-icon-toggle.style"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 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; }
+
 const MIN_HEIGHT = 64;
 exports.MIN_HEIGHT = MIN_HEIGHT;
 const StyledTextarea = _styledComponents.default.div`

package/lib/components/textbox/__internal__/prefix.style.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledPrefix = _styledComponents.default.span`
   align-self: center;
   font-weight: 900;

package/lib/components/textbox/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _textbox.default;
   }
 });
+
 var _textbox = _interopRequireDefault(require("./textbox.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/textbox/textbox.component.js

@@ -4,26 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Textbox = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _utils = require("../../style/utils");
+
 var _input = require("../../__internal__/input");
+
 var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle"));
+
 var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
+
 var _useUniqueId = _interopRequireDefault(require("../../__internal__/utils/helpers/useUniqueId"));
+
 var _inputBehaviour = require("../../__internal__/input-behaviour");
+
 var _prefix = _interopRequireDefault(require("./__internal__/prefix.style"));
+
 var _tooltipProvider = require("../../__internal__/tooltip-provider");
+
 var _useCharacterCount = _interopRequireDefault(require("../../hooks/__internal__/useCharacterCount"));
+
 var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
+
 var _textbox = require("./textbox.style");
+
 var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
+
 var _carbonProvider = require("../carbon-provider/carbon-provider.component");
+
 var _numeralDateContext = _interopRequireDefault(require("../numeral-date/numeral-date-context"));
+
 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; }
+
 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 Textbox = ({
   align = "left",
   autoFocus,
@@ -79,8 +100,7 @@ const Textbox = ({
   ...props
 }) => {
   const characterCountValue = typeof value === "string" ? value : "";
-  const [maxLength, characterCount] = (0, _useCharacterCount.default)(characterCountValue,
-  // TODO: Can be removed after the characterLimit type is changed to number
+  const [maxLength, characterCount] = (0, _useCharacterCount.default)(characterCountValue, // TODO: Can be removed after the characterLimit type is changed to number
   typeof characterLimit === "string" ? parseInt(characterLimit, 10) : characterLimit, warnOverLimit, enforceCharacterLimit);
   const {
     validationRedesignOptIn
@@ -88,7 +108,9 @@ const Textbox = ({
   const {
     disableErrorBorder
   } = (0, _react.useContext)(_numeralDateContext.default);
+
   const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
+
   const [uniqueId, uniqueName] = (0, _useUniqueId.default)(id, name);
   const {
     labelId: internalLabelId,
@@ -190,6 +212,7 @@ const Textbox = ({
     validationIconId: validationRedesignOptIn ? undefined : validationIconId
   }))), characterCount));
 };
+
 exports.Textbox = Textbox;
 Textbox.propTypes = {
   "about": _propTypes.default.string,
@@ -260,6 +283,9 @@ Textbox.propTypes = {
   "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
   "contextMenu": _propTypes.default.string,
   "crossOrigin": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
   "dangerouslySetInnerHTML": _propTypes.default.shape({
     "__html": _propTypes.default.string.isRequired
   }),

package/lib/components/textbox/textbox.style.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ErrorBorder = exports.StyledHintText = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 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; }
+
 const ErrorBorder = _styledComponents.default.span`
   ${({
   warning

package/lib/components/tile/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _tile.default;
   }
 });
+
 var _tile = _interopRequireDefault(require("./tile.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/tile/tile-footer/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _tileFooter.default;
   }
 });
+
 var _tileFooter = _interopRequireDefault(require("./tile-footer.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _tileFooter = _interopRequireDefault(require("./tile-footer.style"));
+
 var _utils = require("../../../style/utils");
+
 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 paddingPropTypes = (0, _utils.filterStyledSystemPaddingProps)(_propTypes2.default.space);
+
 const TileFooter = ({
   variant,
   children,
@@ -22,8 +31,9 @@ const TileFooter = ({
     variant: variant
   }, props), children);
 };
-TileFooter.propTypes = {
-  ...paddingPropTypes,
+
+TileFooter.propTypes = { ...paddingPropTypes,
+
   /** set which background color variant should be used */
   variant: _propTypes.default.oneOf(["default", "transparent"]),
   children: _propTypes.default.node

package/lib/components/tile/tile-footer/tile-footer.style.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _themes = require("../../../style/themes");
+
 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; }
+
 const StyledTileFooter = _styledComponents.default.div`
   ${_styledSystem.padding}
 

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

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
+
 var _tileStyle = require("./tile.style.js");
+
 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 Tile = ({
   variant = "tile",
   p = 3,
@@ -19,11 +26,14 @@ const Tile = ({
   ...props
 }) => {
   const isHorizontal = () => orientation === "horizontal";
+
   const isVertical = () => orientation === "vertical";
+
   const wrappedChildren = _react.default.Children.map(children, (child, index) => {
     if (!child) {
       return null;
     }
+
     const {
       width: contentWidth,
       ...childProps
@@ -42,6 +52,7 @@ const Tile = ({
       pl: props.pl || props.px || p
     }), /*#__PURE__*/_react.default.cloneElement(child, childProps));
   });
+
   return /*#__PURE__*/_react.default.createElement(_tileStyle.StyledTile, _extends({
     tileTheme: variant,
     width: width,
@@ -50,11 +61,14 @@ const Tile = ({
     p: p
   }, props), wrappedChildren);
 };
+
 Tile.propTypes = {
   /** Styled system spacing props */
   ..._propTypes2.default.space,
+
   /** Sets the theme of the tile - either 'tile', 'transparent' or 'active' */
   variant: _propTypes.default.oneOf(["tile", "transparent", "active"]),
+
   /**
    * The content to render within the tile. Each child will be wrapped with
    * a TileContent wrapper, which allows any individual child component to take a
@@ -63,8 +77,10 @@ Tile.propTypes = {
    * Width will have no effect on a child component if the tile orientation is set to 'vertical'.
    */
   children: _propTypes.default.node,
+
   /** The orientation of the tile - set to either horizontal or vertical */
   orientation: _propTypes.default.oneOf(["horizontal", "vertical"]),
+
   /**
    * Set a percentage-based width for the whole Tile component, relative to its parent.
    * If unset or zero, this will default to 100%.

package/lib/components/tile/tile.style.js

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TileContent = exports.StyledTile = 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"));
+
 var _width = _interopRequireDefault(require("../../style/utils/width"));
+
 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; }
+
 const TileContent = _styledComponents.default.div`
   ${({
   isHorizontal,

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

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _accordion = require("./accordion.style");
+
 var _useResizeObserver = _interopRequireDefault(require("../../../../hooks/__internal__/useResizeObserver"));
+
 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; }
+
 const Accordion = ({
   children,
   expanded,
@@ -37,6 +45,7 @@ const Accordion = ({
     "aria-labelledby": controlId
   }, children));
 };
+
 Accordion.propTypes = {
   children: _propTypes.default.node.isRequired,
   expanded: _propTypes.default.bool,

package/lib/components/tile-select/__internal__/accordion/accordion.style.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledContent = exports.StyledContentContainer = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _accordion = require("../../../accordion/accordion.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledContentContainer = (0, _styledComponents.default)(_accordion.StyledAccordionContentContainer)`
   background-color: var(--colorsActionMinor050);
 `;

package/lib/components/tile-select/__internal__/accordion/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _accordion.default;
   }
 });
+
 var _accordion = _interopRequireDefault(require("./accordion.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -15,6 +15,9 @@ Object.defineProperty(exports, "TileSelectGroup", {
     return _tileSelectGroupComponent.default;
   }
 });
+
 var _tileSelectComponent = _interopRequireDefault(require("./tile-select.component.js"));
+
 var _tileSelectGroupComponent = _interopRequireDefault(require("./tile-select-group.component.js"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }