carbon-react 154.3.2 → 154.3.3-beta.1

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

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Preview = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _preview = require("./preview.style");
-var _utils = require("../../style/utils");
-var _useMediaQuery = _interopRequireDefault(require("../../hooks/useMediaQuery"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Preview = ({
-  children,
-  loading,
-  lines = 1,
-  height,
-  width,
-  shape = "text",
-  disableAnimation,
-  ...props
-}) => {
-  const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
-  const hasPlaceholder = loading ?? !children;
-  const isLastLine = index => {
-    return lines > 1 && lines === index + 1;
-  };
-  const reduceMotion = !(0, _useMediaQuery.default)("screen and (prefers-reduced-motion: no-preference)");
-  if (hasPlaceholder) {
-    const placeholders = [];
-    for (let i = 0; i < lines; i++) {
-      placeholders.push(/*#__PURE__*/_react.default.createElement(_preview.StyledPreviewPlaceholder, _extends({
-        "data-role": "preview-placeholder",
-        key: i,
-        height: height,
-        width: width,
-        isLastLine: isLastLine(i),
-        shape: shape,
-        disableAnimation: disableAnimation || reduceMotion
-      }, props, (0, _tags.default)("preview", props))));
-    }
-    return /*#__PURE__*/_react.default.createElement(_preview.StyledPreview, _extends({
-      "data-role": "preview-wrapper"
-    }, marginProps), placeholders);
-  }
-  return /*#__PURE__*/_react.default.createElement(_preview.StyledPreview, _extends({
-    "data-role": "preview-wrapper"
-  }, marginProps), children);
-};
-exports.Preview = Preview;
-var _default = exports.default = Preview;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("./preview.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../hooks/useMediaQuery/useMediaQuery.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const a=o=>{var{children:a,loading:u,lines:c=1,height:p,width:d,shape:f="text",disableAnimation:y}=o,b=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(o,["children","loading","lines","height","width","shape","disableAnimation"]);const O=t.default(b),j=null!=u?u:!a,h=!n.default("screen and (prefers-reduced-motion: no-preference)");if(j){const t=[];for(let n=0;n<c;n++)t.push(e.jsx(r.StyledPreviewPlaceholder,l({"data-role":"preview-placeholder",height:p,width:d,isLastLine:(w=n,c>1&&c===w+1),shape:f,disableAnimation:y||h},b,i.default("preview",b)),n));return e.jsx(r.StyledPreview,s(l({"data-role":"preview-wrapper"},O),{children:t}))}var w;return e.jsx(r.StyledPreview,s(l({"data-role":"preview-wrapper"},O),{children:a}))};exports.Preview=a,exports.default=a;

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

@@ -1,94 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPreviewPlaceholder = exports.StyledPreview = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledPreview = exports.StyledPreview = _styledComponents.default.div`
-  ${_styledSystem.margin}
-`;
-const shimmer = (0, _styledComponents.keyframes)`
-  0% { 
-    opacity: 0.1;
-  }
-  70% { 
-    opacity: 1;
-  }
-  100% { 
-    opacity: 0.1;
-  }
-`;
-function getBorderRadius(shape) {
-  switch (shape) {
-    case "rectangle-round":
-      return "var(--borderRadius400)";
-    case "circle":
-      return "var(--borderRadiusCircle)";
-    default:
-      return "var(--borderRadius100)";
-  }
-}
-function getHeight(shape) {
-  if (shape.includes("rectangle")) {
-    return "var(--sizing400)";
-  }
-  switch (shape) {
-    case "circle":
-      return "var(--sizing700)";
-    default:
-      return "var(--sizing175)";
-  }
-}
-function getWidth(shape) {
-  if (shape.includes("rectangle")) {
-    return "var(--sizing1500)";
-  }
-  return "100%";
-}
-const StyledPreviewPlaceholder = exports.StyledPreviewPlaceholder = _styledComponents.default.span`
-  ${({
-  shape,
-  disableAnimation,
-  isLastLine,
-  height,
-  width
-}) => {
-  return (0, _styledComponents.css)`
-      display: block;
-      background: linear-gradient(
-        135deg,
-        var(--colorsUtilityMajor100),
-        var(--colorsUtilityMajor040)
-      );
-      border-radius: ${getBorderRadius(shape)};
-      height: ${height || getHeight(shape)};
-      width: ${width || getWidth(shape)};
-      animation: ${shimmer} 2s ease infinite;
-
-      ${isLastLine && shape === "text" && (0, _styledComponents.css)`
-        width: calc(${width || getWidth(shape)}*0.8);
-      `}
-
-      ${shape === "circle" && (0, _styledComponents.css)`
-        width: ${height || getHeight(shape)};
-      `}
-
-      ${disableAnimation && (0, _styledComponents.css)`
-        animation: none;
-      `}
-
-      & + & {
-        margin-top: 6px;
-      }
-    `;
-}}
-`;
-StyledPreview.defaultProps = {
-  theme: _base.default
-};
+"use strict";var e=require("styled-components"),i=require("styled-system"),r=require("../../style/themes/base/index.js");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const s=a.default.div.withConfig({displayName:"preview.style__StyledPreview",componentId:"sc-29c4aa6d-0"})(["",""],i.margin),n=e.keyframes(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function c(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function d(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const o=a.default.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"sc-29c4aa6d-1"})(["",""],(({shape:i,disableAnimation:r,isLastLine:t,height:a,width:s})=>e.css(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(i),a||c(i),s||d(i),n,t&&"text"===i&&e.css(["width:calc(","*0.8);"],s||d(i)),"circle"===i&&e.css(["width:",";"],a||c(i)),r&&e.css(["animation:none;"]))));s.defaultProps={theme:r.default},exports.StyledPreview=s,exports.StyledPreviewPlaceholder=o;

package/lib/components/profile/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _profile.default;
-  }
-});
-var _profile = _interopRequireDefault(require("./profile.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./profile.component.js");exports.default=e.Profile;

package/lib/components/profile/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/profile/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/profile/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,88 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Profile = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("../../style/utils");
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _profile = require("./profile.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function acronymize(str) {
-  if (!str) return "";
-  const matches = str.match(/\b\w/g);
-  if (!matches) return "";
-  return matches.join("");
-}
-let useOfNoNameWarnTriggered = false;
-const Profile = ({
-  src,
-  alt,
-  className,
-  initials,
-  name,
-  size,
-  email,
-  text,
-  darkBackground,
-  backgroundColor,
-  foregroundColor,
-  ...props
-}) => {
-  const getInitials = () => {
-    if (initials) return initials;
-    return acronymize(name).slice(0, 3).toUpperCase();
-  };
-  const commonAvatarProps = {
-    darkBackground,
-    alt,
-    name,
-    initials: getInitials(),
-    size,
-    backgroundColor,
-    foregroundColor,
-    "data-role": "profile-portrait"
-  };
-  const avatar = () => {
-    if (src) {
-      return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, _extends({
-        src: src,
-        "data-element": "user-image"
-      }, commonAvatarProps));
-    }
-    return /*#__PURE__*/_react.default.createElement(_profile.ProfileAvatarStyle, commonAvatarProps);
-  };
-  if (!useOfNoNameWarnTriggered && !name && (email || text)) {
-    useOfNoNameWarnTriggered = true;
-    console.warn("[WARNING] The `email` or `text` prop should not be used without the `name` prop in `Profile`." + " Please use the `name` prop as well as `email` or `text`.");
-  }
-  const children = () => {
-    if (name) return /*#__PURE__*/_react.default.createElement(_profile.ProfileDetailsStyle, {
-      size: size,
-      hasSrc: !!src,
-      "data-element": "details"
-    }, /*#__PURE__*/_react.default.createElement(_profile.ProfileNameStyle, {
-      size: size,
-      "data-element": "name"
-    }, name), email && /*#__PURE__*/_react.default.createElement(_profile.ProfileEmailStyle, {
-      href: `mailto: ${email}`,
-      size: size,
-      "data-role": "email-link",
-      darkBackground: darkBackground,
-      "data-element": "email"
-    }, email), text && /*#__PURE__*/_react.default.createElement(_profile.ProfileTextStyle, {
-      size: size,
-      "data-element": "text"
-    }, text));
-    return null;
-  };
-  return /*#__PURE__*/_react.default.createElement(_profile.ProfileStyle, _extends({
-    className: className,
-    hasSrc: !!src,
-    darkBackground: darkBackground
-  }, (0, _tags.default)("profile", props), (0, _utils.filterStyledSystemMarginProps)(props)), avatar(), children());
-};
-exports.Profile = Profile;
-var _default = exports.default = Profile;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("./profile.style.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},l=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),l.forEach((function(r){o(e,r,t[r])}))}return e}let a=!1;const i=o=>{var{src:i,alt:s,className:c,initials:u,name:f,size:p,email:d,text:y,darkBackground:m,backgroundColor:b,foregroundColor:j}=o,g=function(e,r){if(null==e)return{};var t,l,o=function(e,r){if(null==e)return{};var t,l,o={},n=Object.keys(e);for(l=0;l<n.length;l++)t=n[l],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)t=n[l],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,["src","alt","className","initials","name","size","email","text","darkBackground","backgroundColor","foregroundColor"]);const O={darkBackground:m,alt:s,name:f,initials:u||function(e){if(!e)return"";const r=e.match(/\b\w/g);return r?r.join(""):""}(f).slice(0,3).toUpperCase(),size:p,backgroundColor:b,foregroundColor:j,"data-role":"profile-portrait"};return a||f||!d&&!y||(a=!0,console.warn("[WARNING] The `email` or `text` prop should not be used without the `name` prop in `Profile`. Please use the `name` prop as well as `email` or `text`.")),e.jsxs(l.ProfileStyle,(P=n({className:c,hasSrc:!!i,darkBackground:m},t.default("profile",g),r.default(g)),h=null!=(h={children:[i?e.jsx(l.ProfileAvatarStyle,n({src:i,"data-element":"user-image"},O)):e.jsx(l.ProfileAvatarStyle,n({},O)),f?e.jsxs(l.ProfileDetailsStyle,{size:p,hasSrc:!!i,"data-element":"details",children:[e.jsx(l.ProfileNameStyle,{size:p,"data-element":"name",children:f}),d&&e.jsx(l.ProfileEmailStyle,{href:`mailto: ${d}`,size:p,"data-role":"email-link",darkBackground:m,"data-element":"email",children:d}),y&&e.jsx(l.ProfileTextStyle,{size:p,"data-element":"text",children:y})]}):null]})?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(h)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(h)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(h,e))})),P));var P,h};exports.Profile=i,exports.default=i;

package/lib/components/profile/profile.config.js

@@ -1,58 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.PROFILE_SIZES = void 0;
-const PROFILE_SIZES = exports.PROFILE_SIZES = ["XS", "S", "M", "ML", "L", "XL", "XXL"];
-var _default = exports.default = {
-  XS: {
-    initialSize: "var(--fontSizes050)",
-    nameSize: "var(--fontSizes050)",
-    emailSize: "var(--fontSizes025)",
-    lineHeight: "12px",
-    marginLeft: "8px"
-  },
-  S: {
-    initialSize: "var(--fontSizes100)",
-    nameSize: "var(--fontSizes100)",
-    emailSize: "var(--fontSizes100)",
-    lineHeight: "16px",
-    marginLeft: "8px"
-  },
-  M: {
-    initialSize: "var(--fontSizes300)",
-    nameSize: "var(--fontSizes100)",
-    emailSize: "var(--fontSizes100)",
-    lineHeight: "16px",
-    marginLeft: "16px"
-  },
-  ML: {
-    initialSize: "var(--fontSizes600)",
-    nameSize: "var(--fontSizes200)",
-    emailSize: "var(--fontSizes100)",
-    lineHeight: "20px",
-    marginLeft: "24px"
-  },
-  L: {
-    initialSize: "var(--fontSizes700)",
-    nameSize: "var(--fontSizes400)",
-    emailSize: "var(--fontSizes100)",
-    lineHeight: "22px",
-    marginLeft: "24px"
-  },
-  XL: {
-    initialSize: "var(--fontSizes900)",
-    nameSize: "var(--fontSizes600)",
-    emailSize: "var(--fontSizes300)",
-    lineHeight: "26px",
-    marginLeft: "32px"
-  },
-  XXL: {
-    initialSize: "var(--fontSizes1000)",
-    nameSize: "var(--fontSizes700)",
-    emailSize: "var(--fontSizes600)",
-    lineHeight: "30px",
-    marginLeft: "40px"
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PROFILE_SIZES=["XS","S","M","ML","L","XL","XXL"],exports.default={XS:{initialSize:"var(--fontSizes050)",nameSize:"var(--fontSizes050)",emailSize:"var(--fontSizes025)",lineHeight:"12px",marginLeft:"8px"},S:{initialSize:"var(--fontSizes100)",nameSize:"var(--fontSizes100)",emailSize:"var(--fontSizes100)",lineHeight:"16px",marginLeft:"8px"},M:{initialSize:"var(--fontSizes300)",nameSize:"var(--fontSizes100)",emailSize:"var(--fontSizes100)",lineHeight:"16px",marginLeft:"16px"},ML:{initialSize:"var(--fontSizes600)",nameSize:"var(--fontSizes200)",emailSize:"var(--fontSizes100)",lineHeight:"20px",marginLeft:"24px"},L:{initialSize:"var(--fontSizes700)",nameSize:"var(--fontSizes400)",emailSize:"var(--fontSizes100)",lineHeight:"22px",marginLeft:"24px"},XL:{initialSize:"var(--fontSizes900)",nameSize:"var(--fontSizes600)",emailSize:"var(--fontSizes300)",lineHeight:"26px",marginLeft:"32px"},XXL:{initialSize:"var(--fontSizes1000)",nameSize:"var(--fontSizes700)",emailSize:"var(--fontSizes600)",lineHeight:"30px",marginLeft:"40px"}};

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

@@ -1,70 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ProfileTextStyle = exports.ProfileStyle = exports.ProfileNameStyle = exports.ProfileEmailStyle = exports.ProfileDetailsStyle = exports.ProfileAvatarStyle = 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"));
-var _link = _interopRequireDefault(require("../link"));
-var _portrait2 = require("../portrait/portrait.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ProfileNameStyle = exports.ProfileNameStyle = _styledComponents.default.span`
-  font-weight: 500;
-  font-size: ${({
-  size = "M"
-}) => _profile.default[size].nameSize};
-`;
-const ProfileEmailStyle = exports.ProfileEmailStyle = (0, _styledComponents.default)(_link.default)`
-  a {
-    font-size: ${({
-  size = "M"
-}) => _profile.default[size].emailSize};
-    color: ${({
-  darkBackground
-}) => darkBackground && "var(--colorsActionMajor350)"};
-  }
-`;
-const ProfileTextStyle = exports.ProfileTextStyle = _styledComponents.default.span`
-  font-size: ${({
-  size = "M"
-}) => _profile.default[size].emailSize};
-`;
-const ProfileStyle = exports.ProfileStyle = _styledComponents.default.div`
-  border-radius: inherit;
-  white-space: nowrap;
-  color: ${({
-  darkBackground
-}) => darkBackground ? "var(--colorsUtilityReadOnly600)" : "var(--colorsUtilityYin090)"};
-  background-color: ${({
-  darkBackground
-}) => darkBackground ? "var(--colorsUtilityYin090)" : "transparent"};
-  display: flex;
-  flex-direction: row;
-  ${_styledSystem.margin}
-
-  ${_portrait2.StyledPortraitContainer} {
-    flex-shrink: 0;
-  }
-`;
-const ProfileDetailsStyle = exports.ProfileDetailsStyle = _styledComponents.default.div`
-  vertical-align: middle;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  line-height: ${({
-  size = "M"
-}) => _profile.default[size].lineHeight};
-  margin-left: ${({
-  size = "M"
-}) => _profile.default[size].marginLeft};
-`;
-const ProfileAvatarStyle = exports.ProfileAvatarStyle = (0, _styledComponents.default)(_portrait.default)`
-  display: inline-block;
-`;
-ProfileStyle.defaultProps = {
-  theme: _base.default
-};
+"use strict";var e=require("styled-components"),i=require("styled-system"),t=require("../portrait/portrait.component.js"),l=require("../../style/themes/base/index.js"),r=require("./profile.config.js"),o=require("../link/link.component.js"),a=require("../portrait/portrait.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var s=n(e);const f=s.default.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-2a03cab0-0"})(["font-weight:500;font-size:",";"],(({size:e="M"})=>r.default[e].nameSize)),d=s.default(o.Link).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-2a03cab0-1"})(["a{font-size:",";color:",";}"],(({size:e="M"})=>r.default[e].emailSize),(({darkBackground:e})=>e&&"var(--colorsActionMajor350)")),c=s.default.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-2a03cab0-2"})(["font-size:",";"],(({size:e="M"})=>r.default[e].emailSize)),p=s.default.div.withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-2a03cab0-3"})(["border-radius:inherit;white-space:nowrap;color:",";background-color:",";display:flex;flex-direction:row;"," ","{flex-shrink:0;}"],(({darkBackground:e})=>e?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:e})=>e?"var(--colorsUtilityYin090)":"transparent"),i.margin,a.StyledPortraitContainer),y=s.default.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-2a03cab0-4"})(["vertical-align:middle;display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:e="M"})=>r.default[e].lineHeight),(({size:e="M"})=>r.default[e].marginLeft)),u=s.default(t.Portrait).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-2a03cab0-5"})(["display:inline-block;"]);p.defaultProps={theme:l.default},exports.ProfileAvatarStyle=u,exports.ProfileDetailsStyle=y,exports.ProfileEmailStyle=d,exports.ProfileNameStyle=f,exports.ProfileStyle=p,exports.ProfileTextStyle=c;

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

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _progressTracker.default;
-  }
-});
-var _progressTracker = _interopRequireDefault(require("./progress-tracker.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./progress-tracker.component.js");exports.default=e.default;

package/lib/components/progress-tracker/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/progress-tracker/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/progress-tracker/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,70 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _progressTracker = require("./progress-tracker.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ProgressTracker = ({
-  size = "medium",
-  length = "256px",
-  error = false,
-  progress = 0,
-  description,
-  currentProgressLabel,
-  customValuePreposition,
-  maxProgressLabel,
-  labelsPosition = "top",
-  labelWidth,
-  ...rest
-}) => {
-  const l = (0, _useLocale.default)();
-  const prefixLabels = labelsPosition !== "bottom";
-  const renderValueLabels = () => {
-    let displayedCurrentProgressLabel, displayedMaxProgressLabel;
-    if (currentProgressLabel) {
-      displayedCurrentProgressLabel = currentProgressLabel;
-      displayedMaxProgressLabel = maxProgressLabel || undefined;
-    } else {
-      displayedCurrentProgressLabel = `${progress}%`;
-      displayedMaxProgressLabel = "100%";
-    }
-    return /*#__PURE__*/_react.default.createElement(_progressTracker.StyledValuesLabel, {
-      "data-role": "values-label",
-      labelsPosition: labelsPosition,
-      size: size,
-      labelWidth: labelWidth
-    }, /*#__PURE__*/_react.default.createElement(_progressTracker.StyledValue, {
-      "data-element": "current-progress-label"
-    }, displayedCurrentProgressLabel), displayedMaxProgressLabel && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-      "data-element": "custom-preposition"
-    }, customValuePreposition || l.progressTracker.of()), /*#__PURE__*/_react.default.createElement(_progressTracker.StyledValue, {
-      "data-element": "max-progress-label"
-    }, displayedMaxProgressLabel)), description && /*#__PURE__*/_react.default.createElement(_progressTracker.StyledDescription, {
-      "data-element": "progress-tracker-description"
-    }, description));
-  };
-  return /*#__PURE__*/_react.default.createElement(_progressTracker.StyledProgressTracker, _extends({
-    length: length
-  }, rest, (0, _tags.default)("progress-bar", rest), {
-    labelsPosition: labelsPosition
-  }), prefixLabels && renderValueLabels(), /*#__PURE__*/_react.default.createElement(_progressTracker.StyledProgressBar, {
-    "data-role": "progress-bar",
-    progress: progress,
-    error: error,
-    "aria-hidden": "true"
-  }, /*#__PURE__*/_react.default.createElement(_progressTracker.InnerBar, {
-    "data-element": "inner-bar",
-    "data-role": "inner-bar",
-    size: size,
-    progress: progress,
-    error: error
-  })), !prefixLabels && renderValueLabels());
-};
-ProgressTracker.displayName = "ProgressTracker";
-var _default = exports.default = ProgressTracker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../hooks/__internal__/useLocale/useLocale.js"),t=require("../../__internal__/utils/helpers/tags/tags.js"),s=require("./progress-tracker.style.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const n=n=>{var{size:l="medium",length:a="256px",error:i=!1,progress:c=0,description:u,currentProgressLabel:p,customValuePreposition:b,maxProgressLabel:d,labelsPosition:g="top",labelWidth:y}=n,j=function(e,r){if(null==e)return{};var t,s,o=function(e,r){if(null==e)return{};var t,s,o={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["size","length","error","progress","description","currentProgressLabel","customValuePreposition","maxProgressLabel","labelsPosition","labelWidth"]);const f=r.default(),O="bottom"!==g,P=()=>{let r,t;return p?(r=p,t=d||void 0):(r=`${c}%`,t="100%"),e.jsxs(s.StyledValuesLabel,{"data-role":"values-label",labelsPosition:g,size:l,labelWidth:y,children:[e.jsx(s.StyledValue,{"data-element":"current-progress-label",children:r}),t&&e.jsxs(e.Fragment,{children:[e.jsx("span",{"data-element":"custom-preposition",children:b||f.progressTracker.of()}),e.jsx(s.StyledValue,{"data-element":"max-progress-label",children:t})]}),u&&e.jsx(s.StyledDescription,{"data-element":"progress-tracker-description",children:u})]})};return e.jsxs(s.StyledProgressTracker,(m=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){o(e,r,t[r])}))}return e}({length:a},j,t.default("progress-bar",j)),h=null!=(h={labelsPosition:g,children:[O&&P(),e.jsx(s.StyledProgressBar,{"data-role":"progress-bar",progress:c,error:i,"aria-hidden":"true",children:e.jsx(s.InnerBar,{"data-element":"inner-bar","data-role":"inner-bar",size:l,progress:c,error:i})}),!O&&P()]})?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(m,Object.getOwnPropertyDescriptors(h)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(h)).forEach((function(e){Object.defineProperty(m,e,Object.getOwnPropertyDescriptor(h,e))})),m));var m,h};n.displayName="ProgressTracker",exports.default=n;

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

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

package/lib/components/progress-tracker/progress-tracker.style.d.ts

@@ -3,6 +3,6 @@ declare const StyledProgressTracker: import("styled-components").StyledComponent
 declare const StyledProgressBar: import("styled-components").StyledComponent<"span", any, Pick<ProgressTrackerProps, "error" | "progress">, never>;
 declare const StyledValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const StyledDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
-declare const StyledValuesLabel: import("styled-components").StyledComponent<"span", any, Pick<ProgressTrackerProps, "labelWidth" | "size" | "labelsPosition">, never>;
+declare const StyledValuesLabel: import("styled-components").StyledComponent<"span", any, Pick<ProgressTrackerProps, "size" | "labelWidth" | "labelsPosition">, never>;
 declare const InnerBar: import("styled-components").StyledComponent<"span", any, Required<Pick<ProgressTrackerProps, "error" | "progress" | "size">>, never>;
 export { StyledProgressBar, InnerBar, StyledProgressTracker, StyledValuesLabel, StyledValue, StyledDescription, };