carbon-react 118.5.0 → 118.5.2

package/esm/components/portrait/portrait.style.js

@@ -3,13 +3,12 @@ import { margin } from "styled-system";
 import BaseTheme from "../../style/themes/base";
 import Icon from "../icon";
 import { PORTRAIT_SIZE_PARAMS } from "./portrait.config";
-
-function stylingForSize({
-  size,
-  initials
-}) {
+function stylingForSize(_ref) {
+  let {
+    size,
+    initials
+  } = _ref;
   const params = PORTRAIT_SIZE_PARAMS[size];
-
   if (initials) {
     return css`
       width: inherit;
@@ -17,16 +16,15 @@ function stylingForSize({
       margin: 1px;
     `;
   }
-
   return css`
-    width: ${params === null || params === void 0 ? void 0 : params.dimensions}px;
-    height: ${params === null || params === void 0 ? void 0 : params.dimensions}px;
+    width: ${params?.dimensions}px;
+    height: ${params?.dimensions}px;
   `;
 }
-
-function stylingForShape({
-  shape
-}) {
+function stylingForShape(_ref2) {
+  let {
+    shape
+  } = _ref2;
   let cssString = "overflow: hidden;";
   if (shape === "square") cssString += "border-radius: 0px;";
   if (shape === "circle") cssString += "border-radius: var(--borderRadiusCircle);";
@@ -34,29 +32,26 @@ function stylingForShape({
     ${cssString}
   `;
 }
-
-function stylingForIcon({
-  size,
-  darkBackground
-}) {
+function stylingForIcon(_ref3) {
+  let {
+    size,
+    darkBackground
+  } = _ref3;
   const params = PORTRAIT_SIZE_PARAMS[size];
   let color = "var(--colorsUtilityMajor200)";
   let backgroundColor = "var(--colorsUtilityMajor025)";
-
   if (darkBackground) {
     color = "var(--colorsUtilityMajor025)";
     backgroundColor = "var(--colorsUtilityMajor200)";
   }
-
   return css`
     background-color: ${backgroundColor};
     color: ${color};
     ::before {
-      font-size: ${params === null || params === void 0 ? void 0 : params.iconDimensions}px;
+      font-size: ${params?.iconDimensions}px;
     }
   `;
 }
-
 export function getColorsForInitials(darkBackground) {
   return {
     textColor: darkBackground ? "colorsUtilityYang100" : "colorsUtilityYin055",
@@ -92,9 +87,10 @@ export const StyledCustomImg = styled.img`
   display: block;
   ${stylingForSize}
   ${stylingForShape}
-`; // && is used here to increase the specificity
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+`;
 
+// && is used here to increase the specificity
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const StyledIcon = styled(Icon)`
   && {
     box-sizing: border-box;
@@ -102,16 +98,22 @@ export const StyledIcon = styled(Icon)`
     ${stylingForSize}
     ${stylingForIcon}
     ${stylingForShape}
-    border: 1px dashed ${({
-  darkBackground
-}) => darkBackground ? "var(--colorsUtilityMajorTransparent)" : "var(--colorsUtilityMajor200)"};
+    border: 1px dashed ${_ref4 => {
+  let {
+    darkBackground
+  } = _ref4;
+  return darkBackground ? "var(--colorsUtilityMajorTransparent)" : "var(--colorsUtilityMajor200)";
+}};
   }
 `;
 export const StyledPortraitContainer = styled.div`
   display: inline-block;
-  ${({
-  onClick
-}) => onClick && "cursor: pointer"}
+  ${_ref5 => {
+  let {
+    onClick
+  } = _ref5;
+  return onClick && "cursor: pointer";
+}}
   ${margin}
 `;
 StyledPortraitContainer.defaultProps = {

package/esm/components/preview/__internal__/preview-placeholder.component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { StyledPreviewPlaceholderProps } from "./preview-placeholder.style";
 export interface PreviewPlaceholderProps extends StyledPreviewPlaceholderProps {
     index: number;
@@ -6,5 +6,5 @@ export interface PreviewPlaceholderProps extends StyledPreviewPlaceholderProps {
     lines: number;
     loading?: boolean;
 }
-declare const PreviewPlaceholder: ({ height, index, lines, width, ...props }: PreviewPlaceholderProps) => JSX.Element;
+declare const PreviewPlaceholder: ({ height, index, lines, width, ...props }: PreviewPlaceholderProps) => React.JSX.Element;
 export default PreviewPlaceholder;

package/esm/components/preview/__internal__/preview-placeholder.component.js

@@ -1,29 +1,20 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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); }
 import React from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
 import { StyledPreviewPlaceholder } from "./preview-placeholder.style";
-
-const PreviewPlaceholder = ({
-  height,
-  index,
-  lines,
-  width,
-  ...props
-}) => {
+const PreviewPlaceholder = _ref => {
+  let {
+    height,
+    index,
+    lines,
+    width,
+    ...props
+  } = _ref;
   const isLastLine = lines > 1 && lines === index;
   return /*#__PURE__*/React.createElement(StyledPreviewPlaceholder, _extends({
     height: height,
     width: !width && isLastLine ? "80%" : width
   }, tagComponent("preview", props)));
 };
-
-PreviewPlaceholder.propTypes = {
-  "height": PropTypes.string,
-  "index": PropTypes.number.isRequired,
-  "lines": PropTypes.number.isRequired,
-  "loading": PropTypes.bool,
-  "width": PropTypes.string
-};
 export default PreviewPlaceholder;

package/esm/components/preview/__internal__/preview-placeholder.style.js

@@ -8,13 +8,19 @@ export const StyledPreviewPlaceholder = styled.span`
   animation: ${shimmer} 2s ease infinite;
   background: var(--colorsUtilityMajor150);
   display: block;
-  height: ${({
-  height
-}) => height || "15px"};
+  height: ${_ref => {
+  let {
+    height
+  } = _ref;
+  return height || "15px";
+}};
   opacity: 0.6;
-  width: ${({
-  width
-}) => width || "100%"};
+  width: ${_ref2 => {
+  let {
+    width
+  } = _ref2;
+  return width || "100%";
+}};
 
   & + & {
     margin-top: 3px;

package/esm/components/preview/preview.component.d.ts

@@ -6,5 +6,5 @@ export interface PreviewProps extends Partial<Omit<PreviewPlaceholderProps, "ind
     children?: React.ReactNode;
     loading?: boolean;
 }
-export declare const Preview: ({ children, loading, lines, ...props }: PreviewProps) => JSX.Element;
+export declare const Preview: ({ children, loading, lines, ...props }: PreviewProps) => React.JSX.Element;
 export default Preview;

package/esm/components/preview/preview.component.js

@@ -1,23 +1,20 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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); }
 import React from "react";
 import PropTypes from "prop-types";
 import PreviewPlaceholder from "./__internal__/preview-placeholder.component";
 import { StyledPreview } from "./preview.style";
 import { filterStyledSystemMarginProps } from "../../style/utils";
-
-const Preview = ({
-  children,
-  loading,
-  lines = 1,
-  ...props
-}) => {
+export const Preview = _ref => {
+  let {
+    children,
+    loading,
+    lines = 1,
+    ...props
+  } = _ref;
   const marginProps = filterStyledSystemMarginProps(props);
   const hasPlaceholder = loading === undefined ? !children : loading;
-
   if (hasPlaceholder) {
     const placeholders = [];
-
     for (let i = 1; i <= lines; i++) {
       placeholders.push( /*#__PURE__*/React.createElement(PreviewPlaceholder, _extends({
         key: i,
@@ -25,173 +22,8 @@ const Preview = ({
         lines: lines
       }, props)));
     }
-
     return /*#__PURE__*/React.createElement(StyledPreview, marginProps, placeholders);
   }
-
   return /*#__PURE__*/React.createElement(StyledPreview, marginProps, children);
 };
-
-Preview.propTypes = {
-  "children": PropTypes.node,
-  "height": PropTypes.string,
-  "lines": PropTypes.number,
-  "loading": PropTypes.bool,
-  "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__@toStringTag": PropTypes.string.isRequired,
-    "description": PropTypes.string,
-    "toString": PropTypes.func.isRequired,
-    "valueOf": PropTypes.func.isRequired
-  }), PropTypes.string]),
-  "width": PropTypes.string
-};
-export { Preview };
 export default Preview;

package/esm/components/preview/preview.style.js

@@ -6,6 +6,7 @@ const StyledPreview = styled.div`
 `;
 StyledPreview.defaultProps = {
   theme: baseTheme
-}; // eslint-disable-next-line import/prefer-default-export
+};
 
+// eslint-disable-next-line import/prefer-default-export
 export { StyledPreview };

package/esm/components/profile/profile.component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { ProfileSize } from "./profile.config";
 export interface ProfileProps {
     /** [Legacy] A custom class name for the component */
@@ -14,5 +14,5 @@ export interface ProfileProps {
     /** Allow to setup size for the component */
     size?: ProfileSize;
 }
-export declare const Profile: ({ src, className, initials, name, size, email, ...props }: ProfileProps) => JSX.Element;
+export declare const Profile: ({ src, className, initials, name, size, email, ...props }: ProfileProps) => React.JSX.Element;
 export default Profile;

package/esm/components/profile/profile.component.js

@@ -1,32 +1,29 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _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); }
 import React from "react";
 import PropTypes from "prop-types";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle } from "./profile.style";
 import { filterStyledSystemMarginProps } from "../../style/utils";
-
 function acronymize(str) {
   if (!str) return "";
   const matches = str.match(/\b\w/g);
   if (!matches) return "";
   return matches.join("");
 }
-
-const Profile = ({
-  src,
-  className,
-  initials,
-  name,
-  size,
-  email,
-  ...props
-}) => {
+export const Profile = _ref => {
+  let {
+    src,
+    className,
+    initials,
+    name,
+    size,
+    email,
+    ...props
+  } = _ref;
   const getInitials = () => {
     if (initials) return initials;
     return acronymize(name);
   };
-
   const avatar = () => {
     if (src) {
       return /*#__PURE__*/React.createElement(ProfileAvatarStyle, {
@@ -38,14 +35,12 @@ const Profile = ({
         "data-element": "user-image"
       });
     }
-
     return /*#__PURE__*/React.createElement(ProfileAvatarStyle, {
       initials: getInitials(),
       gravatar: email,
       size: size
     });
   };
-
   const text = () => {
     return /*#__PURE__*/React.createElement(ProfileDetailsStyle, {
       size: size,
@@ -58,20 +53,9 @@ const Profile = ({
       "data-element": "email"
     }, email));
   };
-
   return /*#__PURE__*/React.createElement(ProfileStyle, _extends({
     className: className,
     hasSrc: !!src
   }, tagComponent("profile", props), filterStyledSystemMarginProps(props)), avatar(), text());
 };
-
-Profile.propTypes = {
-  "className": PropTypes.string,
-  "email": PropTypes.string.isRequired,
-  "initials": PropTypes.string,
-  "name": PropTypes.string.isRequired,
-  "size": PropTypes.oneOf(["L", "M", "ML", "S", "XL", "XS", "XXL"]),
-  "src": PropTypes.string
-};
-export { Profile };
 export default Profile;

package/esm/components/profile/profile.style.d.ts

@@ -12,5 +12,5 @@ declare const ProfileNameStyle: import("styled-components").StyledComponent<"spa
 declare const ProfileEmailStyle: import("styled-components").StyledComponent<"span", any, ProfileSizeProps, never>;
 declare const ProfileStyle: import("styled-components").StyledComponent<"div", any, ProfileHasSrcProps, never>;
 declare const ProfileDetailsStyle: import("styled-components").StyledComponent<"div", any, ProfileDetailsStyleProps, never>;
-declare const ProfileAvatarStyle: import("styled-components").StyledComponent<({ alt, darkBackground, gravatar, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: import("../portrait").PortraitProps) => JSX.Element, any, {}, never>;
+declare const ProfileAvatarStyle: import("styled-components").StyledComponent<({ alt, darkBackground, gravatar, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: import("../portrait").PortraitProps) => import("react").JSX.Element, any, {}, never>;
 export { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle, };

package/esm/components/profile/profile.style.js

@@ -6,37 +6,55 @@ import profileConfigSizes from "./profile.config";
 const ProfileNameStyle = styled.span`
   font-weight: bold;
   display: block;
-  font-size: ${({
-  size = "M"
-}) => profileConfigSizes[size].nameSize};
+  font-size: ${_ref => {
+  let {
+    size = "M"
+  } = _ref;
+  return profileConfigSizes[size].nameSize;
+}};
 `;
 const ProfileEmailStyle = styled.span`
-  font-size: ${({
-  size = "M"
-}) => profileConfigSizes[size].emailSize};
+  font-size: ${_ref2 => {
+  let {
+    size = "M"
+  } = _ref2;
+  return profileConfigSizes[size].emailSize;
+}};
 `;
 const ProfileStyle = styled.div`
   white-space: nowrap;
   color: var(--colorsUtilityYin090);
-  display: ${({
-  hasSrc
-}) => hasSrc ? "flex" : ""};
+  display: ${_ref3 => {
+  let {
+    hasSrc
+  } = _ref3;
+  return hasSrc ? "flex" : "";
+}};
 
   ${margin}
 `;
 const ProfileDetailsStyle = styled.div`
   vertical-align: middle;
   display: inline-block;
-  margin-top: ${({
-  hasSrc,
-  size = "M"
-}) => hasSrc ? profileConfigSizes[size].marginTop : ""};
-  line-height: ${({
-  size = "M"
-}) => profileConfigSizes[size].lineHeight};
-  margin-left: ${({
-  size = "M"
-}) => profileConfigSizes[size].marginLeft};
+  margin-top: ${_ref4 => {
+  let {
+    hasSrc,
+    size = "M"
+  } = _ref4;
+  return hasSrc ? profileConfigSizes[size].marginTop : "";
+}};
+  line-height: ${_ref5 => {
+  let {
+    size = "M"
+  } = _ref5;
+  return profileConfigSizes[size].lineHeight;
+}};
+  margin-left: ${_ref6 => {
+  let {
+    size = "M"
+  } = _ref6;
+  return profileConfigSizes[size].marginLeft;
+}};
 `;
 const ProfileAvatarStyle = styled(Portrait)`
   display: inline-block;

package/esm/components/progress-tracker/progress-tracker.component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { MarginProps } from "styled-system";
 export interface ProgressTrackerProps extends MarginProps {
     /** Specifies an aria label to the component */
@@ -40,7 +40,7 @@ export interface ProgressTrackerProps extends MarginProps {
     labelsPosition?: "top" | "bottom";
 }
 declare const ProgressTracker: {
-    ({ "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-valuenow": ariaValueNow, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, "aria-valuetext": ariaValueText, size, length, error, progress, description, showDefaultLabels, currentProgressLabel, customValuePreposition, maxProgressLabel, labelsPosition, ...rest }: ProgressTrackerProps): JSX.Element;
+    ({ "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-valuenow": ariaValueNow, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, "aria-valuetext": ariaValueText, size, length, error, progress, description, showDefaultLabels, currentProgressLabel, customValuePreposition, maxProgressLabel, labelsPosition, ...rest }: ProgressTrackerProps): React.JSX.Element;
     displayName: string;
 };
 export default ProgressTracker;