carbon-react 119.10.0 → 119.10.2

package/lib/components/date/date.component.js

@@ -23,37 +23,36 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 deprecateInputRefWarnTriggered = false;
-const DateInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    adaptiveLabelBreakpoint,
-    allowEmptyValue,
-    autoFocus,
-    "data-component": dataComponent,
-    "data-element": dataElement,
-    "data-role": dataRole,
-    disabled,
-    disablePortal = false,
-    helpAriaLabel,
-    labelInline,
-    minDate,
-    maxDate,
-    onBlur,
-    onChange,
-    onClick,
-    onFocus,
-    onKeyDown,
-    pickerProps = {},
-    readOnly,
-    size = "medium",
-    tooltipPosition,
-    value,
-    inputRef,
-    inputWidth,
-    labelWidth,
-    maxWidth,
-    inputName,
-    ...rest
-  } = _ref;
+const DateInput = /*#__PURE__*/_react.default.forwardRef(({
+  adaptiveLabelBreakpoint,
+  allowEmptyValue,
+  autoFocus,
+  "data-component": dataComponent,
+  "data-element": dataElement,
+  "data-role": dataRole,
+  disabled,
+  disablePortal = false,
+  helpAriaLabel,
+  labelInline,
+  minDate,
+  maxDate,
+  onBlur,
+  onChange,
+  onClick,
+  onFocus,
+  onKeyDown,
+  pickerProps = {},
+  readOnly,
+  size = "medium",
+  tooltipPosition,
+  value,
+  inputRef,
+  inputWidth,
+  labelWidth,
+  maxWidth,
+  inputName,
+  ...rest
+}, ref) => {
   const wrapperRef = (0, _react.useRef)(null);
   const parentRef = (0, _react.useRef)(null);
   const internalInputRef = (0, _react.useRef)(null);

package/lib/components/date/date.style.js

@@ -25,28 +25,23 @@ const StyledDateInput = _styledComponents.default.div`
 
   & ${_inputPresentation.default} {
     flex: none;
-    width: ${_ref => {
-  let {
-    inputWidth,
-    maxWidth,
-    size = "medium"
-  } = _ref;
-  return maxWidth || inputWidth ? "" : datePickerWidth[size];
-}};
+    width: ${({
+  inputWidth,
+  maxWidth,
+  size = "medium"
+}) => maxWidth || inputWidth ? "" : datePickerWidth[size]};
 
     ${_input.default} {
       margin-right: -8px;
     }
   }
 
-  ${_ref2 => {
-  let {
-    applyDateRangeStyling,
-    maxWidth,
-    size = "medium",
-    labelInline
-  } = _ref2;
-  return applyDateRangeStyling && !labelInline && (0, _styledComponents.css)`
+  ${({
+  applyDateRangeStyling,
+  maxWidth,
+  size = "medium",
+  labelInline
+}) => applyDateRangeStyling && !labelInline && (0, _styledComponents.css)`
       ${_formField.FieldLineStyle} {
         max-width: ${maxWidth || datePickerWidth[size]}};
       }
@@ -54,8 +49,7 @@ const StyledDateInput = _styledComponents.default.div`
       ${_validationMessage.default}, ${_label.default} {
         overflow-wrap: anywhere;
       }
-    `;
-}}
+    `}
 `;
 StyledDateInput.defaultProps = {
   theme: _base.default

package/lib/components/date-range/date-range.component.js

@@ -20,22 +20,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 DateRange = _ref => {
-  let {
-    endDateProps = {},
-    id,
-    labelsInline,
-    name,
-    onBlur,
-    onChange,
-    startDateProps = {},
-    tooltipPosition,
-    validationOnLabel,
-    value,
-    startRef,
-    endRef,
-    ...rest
-  } = _ref;
+const DateRange = ({
+  endDateProps = {},
+  id,
+  labelsInline,
+  name,
+  onBlur,
+  onChange,
+  startDateProps = {},
+  tooltipPosition,
+  validationOnLabel,
+  value,
+  startRef,
+  endRef,
+  ...rest
+}) => {
   const l = (0, _useLocale.default)();
   const {
     dateFnsLocale

package/lib/components/date-range/date-range.style.js

@@ -17,12 +17,9 @@ const StyledDateRange = _styledComponents.default.div`
   & ${_date.default} {
     width: auto;
     display: inline-block;
-    vertical-align: ${_ref => {
-  let {
-    labelsInline
-  } = _ref;
-  return labelsInline ? "top" : "bottom";
-}};
+    vertical-align: ${({
+  labelsInline
+}) => labelsInline ? "top" : "bottom"};
   }
 
   & ${_date.default}:first-of-type {

package/lib/components/decimal/decimal.component.js

@@ -17,25 +17,24 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 deprecateInputRefWarnTriggered = false;
 let deprecateUncontrolledWarnTriggered = false;
-const Decimal = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    align = "right",
-    defaultValue,
-    precision = 2,
-    inputWidth,
-    readOnly,
-    onChange,
-    onBlur,
-    onKeyPress,
-    id,
-    name,
-    allowEmptyValue = false,
-    required,
-    locale,
-    value,
-    inputRef,
-    ...rest
-  } = _ref;
+const Decimal = /*#__PURE__*/_react.default.forwardRef(({
+  align = "right",
+  defaultValue,
+  precision = 2,
+  inputWidth,
+  readOnly,
+  onChange,
+  onBlur,
+  onKeyPress,
+  id,
+  name,
+  allowEmptyValue = false,
+  required,
+  locale,
+  value,
+  inputRef,
+  ...rest
+}, ref) => {
   const l = (0, _react.useContext)(_i18nContext.default);
   if (!deprecateInputRefWarnTriggered && inputRef) {
     deprecateInputRefWarnTriggered = true;

package/lib/components/definition-list/dd.component.js

@@ -9,11 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _definitionList = require("./definition-list.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Dd = _ref => {
-  let {
-    children,
-    ...rest
-  } = _ref;
+const Dd = ({
+  children,
+  ...rest
+}) => {
   const {
     mb
   } = rest;

package/lib/components/definition-list/definition-list.style.js

@@ -14,12 +14,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const StyledDl = _styledComponents.default.dl`
   ${_styledSystem.space}
 
-  ${_ref => {
-  let {
-    asSingleColumn,
-    w
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  asSingleColumn,
+  w
+}) => (0, _styledComponents.css)`
     ${!asSingleColumn && (0, _styledComponents.css)`
       display: grid;
       grid-template-rows: auto;
@@ -28,8 +26,7 @@ const StyledDl = _styledComponents.default.dl`
     ${asSingleColumn && (0, _styledComponents.css)`
       line-height: 21px;
     `}
-  `;
-}}
+  `}
 
   width: 100%;
   height: auto;
@@ -41,28 +38,22 @@ StyledDl.defaultProps = {
 };
 const StyledDtDiv = _styledComponents.default.div`
   ${_styledSystem.space}
-  ${_ref2 => {
-  let {
-    dtTextAlign
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  dtTextAlign
+}) => (0, _styledComponents.css)`
     text-align: ${dtTextAlign};
-  `;
-}}
+  `}
 `;
 exports.StyledDtDiv = StyledDtDiv;
 StyledDtDiv.defaultProps = {
   theme: _themes.baseTheme
 };
 const StyledDdDiv = _styledComponents.default.div`
-  ${_ref3 => {
-  let {
-    ddTextAlign
-  } = _ref3;
-  return (0, _styledComponents.css)`
+  ${({
+  ddTextAlign
+}) => (0, _styledComponents.css)`
     text-align: ${ddTextAlign};
-  `;
-}}
+  `}
 `;
 exports.StyledDdDiv = StyledDdDiv;
 const StyledDt = _styledComponents.default.dt`

package/lib/components/definition-list/dl.component.js

@@ -13,15 +13,14 @@ var _dd = _interopRequireDefault(require("./dd.component"));
 var _dl = _interopRequireDefault(require("./__internal__/dl.context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Dl = _ref => {
-  let {
-    children,
-    w = 50,
-    dtTextAlign = "right",
-    ddTextAlign = "left",
-    asSingleColumn = false,
-    ...rest
-  } = _ref;
+const Dl = ({
+  children,
+  w = 50,
+  dtTextAlign = "right",
+  ddTextAlign = "left",
+  asSingleColumn = false,
+  ...rest
+}) => {
   const dlComponent = [];
   const listChildren = _react.default.Children.toArray(children);
   let key = "";

package/lib/components/definition-list/dt.component.js

@@ -12,11 +12,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 Dt = _ref => {
-  let {
-    children,
-    ...rest
-  } = _ref;
+const Dt = ({
+  children,
+  ...rest
+}) => {
   const {
     asSingleColumn
   } = (0, _react.useContext)(_dl.default);

package/lib/components/detail/detail.component.js

@@ -11,27 +11,24 @@ var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tag
 var _detail = require("./detail.style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Detail = _ref => {
-  let {
-    className,
-    icon,
-    footnote,
-    children,
-    ...rest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_detail.StyledDetail, _extends({
-    className: `carbon-detail ${className}`
-  }, (0, _tags.default)("detail", rest), (0, _utils.filterStyledSystemMarginProps)(rest)), icon && /*#__PURE__*/_react.default.createElement(_detail.StyledDetailIcon, {
-    type: icon,
-    "data-element": "icon"
-  }), /*#__PURE__*/_react.default.createElement(_detail.StyledDetailContent, {
-    "data-element": "detail-content",
-    hasIcon: !!icon
-  }, children), footnote && /*#__PURE__*/_react.default.createElement(_detail.StyledDetailFootnote, {
-    "data-element": "footnote",
-    hasIcon: !!icon
-  }, footnote));
-};
+const Detail = ({
+  className,
+  icon,
+  footnote,
+  children,
+  ...rest
+}) => /*#__PURE__*/_react.default.createElement(_detail.StyledDetail, _extends({
+  className: `carbon-detail ${className}`
+}, (0, _tags.default)("detail", rest), (0, _utils.filterStyledSystemMarginProps)(rest)), icon && /*#__PURE__*/_react.default.createElement(_detail.StyledDetailIcon, {
+  type: icon,
+  "data-element": "icon"
+}), /*#__PURE__*/_react.default.createElement(_detail.StyledDetailContent, {
+  "data-element": "detail-content",
+  hasIcon: !!icon
+}, children), footnote && /*#__PURE__*/_react.default.createElement(_detail.StyledDetailFootnote, {
+  "data-element": "footnote",
+  hasIcon: !!icon
+}, footnote));
 exports.Detail = Detail;
 Detail.displayName = "Detail";
 var _default = Detail;

package/lib/components/detail/detail.style.js

@@ -22,11 +22,9 @@ const StyledDetail = _styledComponents.default.div`
 `;
 exports.StyledDetail = StyledDetail;
 const StyledDetailContent = _styledComponents.default.div`
-  ${_ref => {
-  let {
-    hasIcon
-  } = _ref;
-  return (0, _styledComponents.css)`
+  ${({
+  hasIcon
+}) => (0, _styledComponents.css)`
     display: inline-block;
     line-height: 18px;
     white-space: pre-wrap;
@@ -36,8 +34,7 @@ const StyledDetailContent = _styledComponents.default.div`
     ${hasIcon && (0, _styledComponents.css)`
       margin-left: 26px;
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledDetailContent = StyledDetailContent;
 const StyledDetailIcon = (0, _styledComponents.default)(_icon.default)`
@@ -57,11 +54,9 @@ const StyledDetailIcon = (0, _styledComponents.default)(_icon.default)`
 `;
 exports.StyledDetailIcon = StyledDetailIcon;
 const StyledDetailFootnote = _styledComponents.default.div`
-  ${_ref2 => {
-  let {
-    hasIcon
-  } = _ref2;
-  return (0, _styledComponents.css)`
+  ${({
+  hasIcon
+}) => (0, _styledComponents.css)`
     color: var(--colorsUtilityYin055);
     font-size: 13px;
     position: relative;
@@ -70,8 +65,7 @@ const StyledDetailFootnote = _styledComponents.default.div`
     ${hasIcon && (0, _styledComponents.css)`
       margin-left: 26px;
     `}
-  `;
-}}
+  `}
 `;
 exports.StyledDetailFootnote = StyledDetailFootnote;
 StyledDetail.defaultProps = {

package/lib/components/dialog/dialog.component.js

@@ -23,29 +23,28 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 ? Object.assign.bind() : 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 PADDING_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
-const Dialog = _ref => {
-  let {
-    className,
-    children,
-    open,
-    height,
-    size = "medium",
-    title,
-    disableEscKey,
-    subtitle,
-    disableAutoFocus = false,
-    focusFirstElement,
-    focusableSelectors,
-    onCancel,
-    showCloseIcon = true,
-    bespokeFocusTrap,
-    disableClose,
-    help,
-    role = "dialog",
-    contentPadding = {},
-    focusableContainers,
-    ...rest
-  } = _ref;
+const Dialog = ({
+  className,
+  children,
+  open,
+  height,
+  size = "medium",
+  title,
+  disableEscKey,
+  subtitle,
+  disableAutoFocus = false,
+  focusFirstElement,
+  focusableSelectors,
+  onCancel,
+  showCloseIcon = true,
+  bespokeFocusTrap,
+  disableClose,
+  help,
+  role = "dialog",
+  contentPadding = {},
+  focusableContainers,
+  ...rest
+}) => {
   const locale = (0, _useLocale.default)();
   const dialogRef = (0, _react.useRef)(null);
   const innerContentRef = (0, _react.useRef)(null);

package/lib/components/dialog/dialog.style.js

@@ -25,13 +25,10 @@ const dialogSizes = {
   large: "960px",
   "extra-large": "1080px"
 };
-const calculatePaddingTopInnerContent = _ref => {
-  let {
-    py,
-    p
-  } = _ref;
-  return [py, p].some(padding => padding !== undefined) ? 0 : `${_dialog.CONTENT_TOP_PADDING}px`;
-};
+const calculatePaddingTopInnerContent = ({
+  py,
+  p
+}) => [py, p].some(padding => padding !== undefined) ? 0 : `${_dialog.CONTENT_TOP_PADDING}px`;
 const StyledDialog = _styledComponents.default.div`
   background-color: var(--colorsUtilityMajor025);
   box-shadow: var(--boxShadow300);
@@ -40,40 +37,28 @@ const StyledDialog = _styledComponents.default.div`
   border-radius: var(--borderRadius200);
   position: fixed;
   top: 50%;
-  z-index: ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.zIndex.modal;
-}};
-  max-height: ${_ref3 => {
-  let {
-    topMargin
-  } = _ref3;
-  return `calc(100vh - ${topMargin}px)`;
-}};
+  z-index: ${({
+  theme
+}) => theme.zIndex.modal};
+  max-height: ${({
+  topMargin
+}) => `calc(100vh - ${topMargin}px)`};
 
   &:focus {
     outline: none;
   }
 
-  ${_ref4 => {
-  let {
-    size
-  } = _ref4;
-  return size && (0, _styledComponents.css)`
+  ${({
+  size
+}) => size && (0, _styledComponents.css)`
       width: ${dialogSizes[size]};
-    `;
-}}
+    `}
 
-  ${_ref5 => {
-  let {
-    dialogHeight
-  } = _ref5;
-  return dialogHeight && (0, _styledComponents.css)`
+  ${({
+  dialogHeight
+}) => dialogHeight && (0, _styledComponents.css)`
       height: ${dialogHeight}px;
-    `;
-}}
+    `}
 
   ${_form.StyledForm} {
     padding-bottom: 0px;
@@ -110,12 +95,9 @@ const StyledDialogTitle = _styledComponents.default.div`
   border-bottom: 1px solid #ccd6db;
   border-top-right-radius: var(--borderRadius200);
   border-top-left-radius: var(--borderRadius200);
-  ${_ref6 => {
-  let {
-    showCloseIcon
-  } = _ref6;
-  return showCloseIcon && "padding-right: 85px";
-}};
+  ${({
+  showCloseIcon
+}) => showCloseIcon && "padding-right: 85px"};
 
   ${_heading.StyledHeaderContent} {
     align-items: baseline;
@@ -129,12 +111,9 @@ const StyledDialogTitle = _styledComponents.default.div`
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
-      padding: ${_ref7 => {
-  let {
-    hasSubtitle
-  } = _ref7;
-  return !hasSubtitle && "4px 0px";
-}};
+      padding: ${({
+  hasSubtitle
+}) => !hasSubtitle && "4px 0px"};
     }
   }
 `;
@@ -143,14 +122,11 @@ const StyledDialogContent = _styledComponents.default.div`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  ${_ref8 => {
-  let {
-    hasStickyFooter
-  } = _ref8;
-  return !hasStickyFooter && (0, _styledComponents.css)`
+  ${({
+  hasStickyFooter
+}) => !hasStickyFooter && (0, _styledComponents.css)`
       overflow-y: auto;
-    `;
-}}
+    `}
   width: 100%;
   flex: 1;
   padding: 0px ${_dialog.HORIZONTAL_PADDING}px ${_dialog.CONTENT_BOTTOM_PADDING}px;