carbon-react 111.12.3 → 111.12.5

package/lib/components/portrait/portrait-initials.component.js

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
+
 var _portrait = require("./portrait.style");
+
 var _portrait2 = require("./portrait.config");
+
 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 PortraitInitials = ({
   initials,
   size,
@@ -23,10 +32,12 @@ const PortraitInitials = ({
   (0, _react.useEffect)(() => {
     setCachedImageDataUrl("");
   }, [initials, size, darkBackground]);
+
   const generateDataUrl = () => {
     if (cachedImageDataUrl) {
       return cachedImageDataUrl;
     }
+
     const {
       textColor,
       bgColor
@@ -36,33 +47,31 @@ const PortraitInitials = ({
     let {
       dimensions
     } = _portrait2.PORTRAIT_SIZE_PARAMS[size];
-    dimensions -= 2;
+    dimensions -= 2; // Set canvas with & height
 
-    // Set canvas with & height
     canvas.width = dimensions;
-    canvas.height = dimensions;
+    canvas.height = dimensions; // Select a font family to support different language characters like Arial
 
-    // Select a font family to support different language characters like Arial
     /* istanbul ignore else */
+
     if (context) {
       context.font = `${Math.round(canvas.width / 2.4)}px "Sage UI", Arial`;
-      context.textAlign = "center";
+      context.textAlign = "center"; // Setup background and front color
 
-      // Setup background and front color
       context.fillStyle = _common.default[bgColor];
       context.fillRect(0, 0, dimensions, dimensions);
       context.fillStyle = _common.default[textColor];
       context.fillText(initials.slice(0, 3).toUpperCase(), dimensions / 2, dimensions / 1.5);
-    }
+    } // Set image representation in default format (png)
+
 
-    // Set image representation in default format (png)
-    const dataURI = canvas.toDataURL();
+    const dataURI = canvas.toDataURL(); // Dispose canvas element
 
-    // Dispose canvas element
     canvas = null;
     setCachedImageDataUrl(dataURI);
     return dataURI;
   };
+
   return /*#__PURE__*/_react.default.createElement(_portrait.StyledPortraitInitials, {
     "data-element": "initials",
     size: size,
@@ -73,6 +82,7 @@ const PortraitInitials = ({
     alt: alt
   }));
 };
+
 PortraitInitials.propTypes = {
   "alt": _propTypes.default.string,
   "darkBackground": _propTypes.default.bool,

package/lib/components/portrait/portrait.component.js

@@ -4,18 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Portrait = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _tooltip = _interopRequireDefault(require("../tooltip"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _portraitGravatar = _interopRequireDefault(require("./portrait-gravatar.component"));
+
 var _portraitInitials = _interopRequireDefault(require("./portrait-initials.component"));
+
 var _portrait = require("./portrait.style");
+
 var _utils = require("../../style/utils");
+
 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 Portrait = ({
   alt = "",
   darkBackground = false,
@@ -41,6 +54,7 @@ const Portrait = ({
     setExternalError(false);
   }, [gravatar, src]);
   const tagProps = (0, _tags.default)("portrait", rest);
+
   const renderComponent = () => {
     let portrait = /*#__PURE__*/_react.default.createElement(_portrait.StyledIcon, {
       type: iconType,
@@ -48,6 +62,7 @@ const Portrait = ({
       shape: shape,
       darkBackground: darkBackground
     });
+
     if (initials) {
       portrait = /*#__PURE__*/_react.default.createElement(_portraitInitials.default, {
         size: size,
@@ -57,6 +72,7 @@ const Portrait = ({
         alt: alt
       });
     }
+
     if (src && !externalError) {
       portrait = /*#__PURE__*/_react.default.createElement(_portrait.StyledCustomImg, {
         src: src,
@@ -67,6 +83,7 @@ const Portrait = ({
         onError: () => setExternalError(true)
       });
     }
+
     if (gravatar && !externalError) {
       portrait = /*#__PURE__*/_react.default.createElement(_portraitGravatar.default, {
         gravatarEmail: gravatar,
@@ -76,6 +93,7 @@ const Portrait = ({
         errorCallback: () => setExternalError(true)
       });
     }
+
     if (tooltipMessage) {
       return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
         message: tooltipMessage,
@@ -90,12 +108,15 @@ const Portrait = ({
         onClick: onClick
       }, tagProps), portrait));
     }
+
     return /*#__PURE__*/_react.default.createElement(_portrait.StyledPortraitContainer, _extends({}, (0, _utils.filterStyledSystemMarginProps)(rest), {
       onClick: onClick
     }, tagProps), portrait);
   };
+
   return renderComponent();
 };
+
 exports.Portrait = Portrait;
 Portrait.propTypes = {
   "alt": _propTypes.default.string,

package/lib/components/portrait/portrait.style.js

@@ -5,19 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getColorsForInitials = getColorsForInitials;
 exports.StyledPortraitContainer = exports.StyledIcon = exports.StyledCustomImg = exports.StyledPortraitGravatar = exports.StyledPortraitInitialsImg = exports.StyledPortraitInitials = void 0;
+
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _icon = _interopRequireDefault(require("../icon"));
+
 var _portrait = require("./portrait.config");
+
 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 stylingForSize({
   size,
   initials
 }) {
   const params = _portrait.PORTRAIT_SIZE_PARAMS[size];
+
   if (initials) {
     return (0, _styledComponents.css)`
       width: inherit;
@@ -25,11 +35,13 @@ function stylingForSize({
       margin: 1px;
     `;
   }
+
   return (0, _styledComponents.css)`
     width: ${params === null || params === void 0 ? void 0 : params.dimensions}px;
     height: ${params === null || params === void 0 ? void 0 : params.dimensions}px;
   `;
 }
+
 function stylingForShape({
   shape
 }) {
@@ -40,6 +52,7 @@ function stylingForShape({
     ${cssString}
   `;
 }
+
 function stylingForIcon({
   size,
   darkBackground
@@ -47,10 +60,12 @@ function stylingForIcon({
   const params = _portrait.PORTRAIT_SIZE_PARAMS[size];
   let color = "var(--colorsUtilityMajor200)";
   let backgroundColor = "var(--colorsUtilityMajor025)";
+
   if (darkBackground) {
     color = "var(--colorsUtilityMajor025)";
     backgroundColor = "var(--colorsUtilityMajor200)";
   }
+
   return (0, _styledComponents.css)`
     background-color: ${backgroundColor};
     color: ${color};
@@ -60,12 +75,14 @@ function stylingForIcon({
     }
   `;
 }
+
 function getColorsForInitials(darkBackground) {
   return {
     textColor: darkBackground ? "colorsUtilityYang100" : "colorsUtilityYin055",
     bgColor: darkBackground ? "colorsUtilityMajor400" : "colorsUtilityMajor025"
   };
 }
+
 const StyledPortraitInitials = _styledComponents.default.div`
   display: inline-block;
   vertical-align: middle;
@@ -99,10 +116,9 @@ const StyledCustomImg = _styledComponents.default.img`
   display: block;
   ${stylingForSize}
   ${stylingForShape}
-`;
-
-// && is used here to increase the specificity
+`; // && is used here to increase the specificity
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
 exports.StyledCustomImg = StyledCustomImg;
 const StyledIcon = (0, _styledComponents.default)(_icon.default)`
   && {

package/lib/components/preview/__internal__/preview-placeholder.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 _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
+
 var _previewPlaceholder = require("./preview-placeholder.style");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const PreviewPlaceholder = ({
   height,
   index,
@@ -23,6 +30,7 @@ const PreviewPlaceholder = ({
     width: !width && isLastLine ? "80%" : width
   }, (0, _tags.default)("preview", props)));
 };
+
 PreviewPlaceholder.propTypes = {
   "height": _propTypes.default.string,
   "index": _propTypes.default.number.isRequired,

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

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledPreviewPlaceholder = 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 shimmer = (0, _styledComponents.keyframes)`
   0% { opacity:0.1 }
   70% { opacity:0.6 }

package/lib/components/preview/index.js

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

package/lib/components/preview/preview.component.js

@@ -4,13 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Preview = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _previewPlaceholder = _interopRequireDefault(require("./__internal__/preview-placeholder.component"));
+
 var _preview = require("./preview.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 Preview = ({
   children,
   loading,
@@ -19,8 +27,10 @@ const Preview = ({
 }) => {
   const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
   const hasPlaceholder = loading === undefined ? !children : loading;
+
   if (hasPlaceholder) {
     const placeholders = [];
+
     for (let i = 1; i <= lines; i++) {
       placeholders.push( /*#__PURE__*/_react.default.createElement(_previewPlaceholder.default, _extends({
         key: i,
@@ -28,10 +38,13 @@ const Preview = ({
         lines: lines
       }, props)));
     }
+
     return /*#__PURE__*/_react.default.createElement(_preview.StyledPreview, marginProps, placeholders);
   }
+
   return /*#__PURE__*/_react.default.createElement(_preview.StyledPreview, marginProps, children);
 };
+
 exports.Preview = Preview;
 Preview.propTypes = {
   "children": _propTypes.default.node,

package/lib/components/preview/preview.style.js

@@ -4,16 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledPreview = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const StyledPreview = _styledComponents.default.div`
   ${_styledSystem.margin}
 `;
 exports.StyledPreview = StyledPreview;
 StyledPreview.defaultProps = {
   theme: _base.default
-};
-
-// eslint-disable-next-line import/prefer-default-export
+}; // eslint-disable-next-line import/prefer-default-export

package/lib/components/profile/index.js

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

package/lib/components/profile/profile.component.js

@@ -4,19 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Profile = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
+
 var _profile = require("./profile.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); }
+
 function acronymize(str) {
   if (!str) return "";
   const matches = str.match(/\b\w/g);
   if (!matches) return "";
   return matches.join("");
 }
+
 const Profile = ({
   src,
   className,
@@ -30,6 +39,7 @@ const Profile = ({
     if (initials) return initials;
     return acronymize(name);
   };
+
   const avatar = () => {
     if (src) {
       return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, {
@@ -41,12 +51,14 @@ const Profile = ({
         "data-element": "user-image"
       });
     }
+
     return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, {
       initials: getInitials(),
       gravatar: email,
       size: size
     });
   };
+
   const text = () => {
     return /*#__PURE__*/_react.default.createElement(_profile.ProfileDetailsStyle, {
       size: size,
@@ -59,11 +71,13 @@ const Profile = ({
       "data-element": "email"
     }, email));
   };
+
   return /*#__PURE__*/_react.default.createElement(_profile.ProfileStyle, _extends({
     className: className,
     hasSrc: !!src
   }, (0, _tags.default)("profile", props), (0, _utils.filterStyledSystemMarginProps)(props)), avatar(), text());
 };
+
 exports.Profile = Profile;
 Profile.propTypes = {
   "className": _propTypes.default.string,

package/lib/components/profile/profile.style.js

@@ -4,12 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ProfileEmailStyle = exports.ProfileAvatarStyle = exports.ProfileDetailsStyle = exports.ProfileNameStyle = exports.ProfileStyle = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _styledSystem = require("styled-system");
+
 var _portrait = _interopRequireDefault(require("../portrait"));
+
 var _base = _interopRequireDefault(require("../../style/themes/base"));
+
 var _profile = _interopRequireDefault(require("./profile.config"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const ProfileNameStyle = _styledComponents.default.span`
   font-weight: bold;
   display: block;

package/lib/components/progress-tracker/index.js

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

package/lib/components/progress-tracker/progress-tracker.component.js

@@ -4,18 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 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"));
+
 var _utils = require("../../style/utils");
+
 var _progressTracker = require("./progress-tracker.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; }
+
 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 ProgressTracker = ({
   "aria-label": ariaLabel = "progress tracker",
   "aria-describedby": ariaDescribedBy,
@@ -51,16 +64,20 @@ const ProgressTracker = ({
   (0, _useResizeObserver.default)(barRef, () => {
     updateBarLength();
   });
+
   const renderValueLabels = () => {
     if (!showDefaultLabels && !currentProgressLabel && !maxProgressLabel) {
       return null;
     }
+
     const label = (value, defaultValue) => {
       if (value) {
         return value;
       }
+
       return showDefaultLabels ? defaultValue : undefined;
     };
+
     return /*#__PURE__*/_react.default.createElement(_progressTracker.StyledValuesLabel, {
       position: labelsPosition,
       isVertical: isVertical
@@ -70,6 +87,7 @@ const ProgressTracker = ({
       isMaxValue: true
     }, label(maxProgressLabel, "100%"))));
   };
+
   const defaultValueNow = ariaValueMin + (ariaValueMax - ariaValueMin) * progress / 100;
   return /*#__PURE__*/_react.default.createElement(_progressTracker.StyledProgressTracker, _extends({
     size: size,
@@ -95,38 +113,53 @@ const ProgressTracker = ({
     progress: progress
   })), !prefixLabels && renderValueLabels());
 };
-ProgressTracker.propTypes = {
-  ...marginPropTypes,
+
+ProgressTracker.propTypes = { ...marginPropTypes,
+
   /** Specifies an aria label to the component */
   "aria-label": _propTypes.default.string,
+
   /** Specifies the aria describedby for the component */
   "aria-describedby": _propTypes.default.string,
+
   /** The value of progress to be read out to the user. */
   "aria-valuenow": _propTypes.default.number,
+
   /** The minimum value of the progress tracker */
   "aria-valuemin": _propTypes.default.number,
+
   /** The maximum value of the progress tracker */
   "aria-valuemax": _propTypes.default.number,
+
   /** Prop to define the human readable text alternative of aria-valuenow
    * if aria-valuenow is not a number
    */
   "aria-valuetext": _propTypes.default.string,
+
   /** Size of the progress bar. */
   size: _propTypes.default.oneOf(["small", "medium", "large"]),
+
   /** Length of the progress bar, any valid css string. */
   length: _propTypes.default.string,
+
   /** Current progress (percentage). */
   progress: _propTypes.default.number,
+
   /** Flag to control whether the default value labels (as percentages) should be rendered. */
   showDefaultLabels: _propTypes.default.bool,
+
   /** Value to display as current progress. */
   currentProgressLabel: _propTypes.default.string,
+
   /** Value to display as the maximum progress limit. */
   maxProgressLabel: _propTypes.default.string,
+
   /** The orientation of the component. */
   orientation: _propTypes.default.oneOf(["horizontal", "vertical"]),
+
   /** The direction the bar should move as progress increases, only applies in vertical orientation. */
   direction: _propTypes.default.oneOf(["up", "down"]),
+
   /**
    * The position the value label are rendered in.
    * Top/bottom apply to horizontal and left/right to vertical orientation.

package/lib/components/progress-tracker/progress-tracker.config.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PROGRESS_TRACKER_SIZES = void 0;
+
 /* eslint-disable import/prefer-default-export */
 const PROGRESS_TRACKER_SIZES = ["small", "medium", "large"];
 exports.PROGRESS_TRACKER_SIZES = PROGRESS_TRACKER_SIZES;

package/lib/components/progress-tracker/progress-tracker.style.js

@@ -4,14 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledValue = exports.StyledValuesLabel = exports.StyledProgressTracker = exports.InnerBar = exports.StyledProgressBar = 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 _progressTracker = require("./progress-tracker.config");
+
 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 StyledProgressTracker = _styledComponents.default.div`
   ${_styledSystem.margin}
   text-align: center;
@@ -128,20 +137,25 @@ const InnerBar = _styledComponents.default.span`
   `}
 `;
 exports.InnerBar = InnerBar;
+
 function getHeight(size) {
   switch (size) {
     case "small":
       return "var(--sizing050)";
+
     case "large":
       return "var(--sizing200)";
+
     default:
       return "var(--sizing100)";
   }
 }
+
 function getInnerBarColour(progress) {
   if (progress >= 100) return "var(--colorsSemanticPositive500)";
   return "var(--colorsSemanticNeutral500)";
 }
+
 StyledProgressTracker.defaultProps = {
   theme: _base.default
 };