carbon-react 154.4.1 → 154.4.2

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

@@ -1,80 +1 @@
-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); }
-import React from "react";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle, ProfileTextStyle } from "./profile.style";
-function acronymize(str) {
-  if (!str) return "";
-  const matches = str.match(/\b\w/g);
-  if (!matches) return "";
-  return matches.join("");
-}
-let useOfNoNameWarnTriggered = false;
-export 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.createElement(ProfileAvatarStyle, _extends({
-        src: src,
-        "data-element": "user-image"
-      }, commonAvatarProps));
-    }
-    return /*#__PURE__*/React.createElement(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.createElement(ProfileDetailsStyle, {
-      size: size,
-      hasSrc: !!src,
-      "data-element": "details"
-    }, /*#__PURE__*/React.createElement(ProfileNameStyle, {
-      size: size,
-      "data-element": "name"
-    }, name), email && /*#__PURE__*/React.createElement(ProfileEmailStyle, {
-      href: `mailto: ${email}`,
-      size: size,
-      "data-role": "email-link",
-      darkBackground: darkBackground,
-      "data-element": "email"
-    }, email), text && /*#__PURE__*/React.createElement(ProfileTextStyle, {
-      size: size,
-      "data-element": "text"
-    }, text));
-    return null;
-  };
-  return /*#__PURE__*/React.createElement(ProfileStyle, _extends({
-    className: className,
-    hasSrc: !!src,
-    darkBackground: darkBackground
-  }, tagComponent("profile", props), filterStyledSystemMarginProps(props)), avatar(), children());
-};
-export default Profile;
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import t from"../../style/utils/filter-styled-system-margin-props.js";import o from"../../__internal__/utils/helpers/tags/tags.js";import{ProfileStyle as n,ProfileAvatarStyle as a,ProfileDetailsStyle as l,ProfileNameStyle as i,ProfileEmailStyle as s,ProfileTextStyle as c}from"./profile.style.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function p(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}let m=!1;const f=u=>{var{src:f,alt:d,className:b,initials:y,name:g,size:O,email:j,text:h,darkBackground:k,backgroundColor:w,foregroundColor:P}=u,v=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["src","alt","className","initials","name","size","email","text","darkBackground","backgroundColor","foregroundColor"]);const x={darkBackground:k,alt:d,name:g,initials:y||function(e){if(!e)return"";const r=e.match(/\b\w/g);return r?r.join(""):""}(g).slice(0,3).toUpperCase(),size:O,backgroundColor:w,foregroundColor:P,"data-role":"profile-portrait"};return m||g||!j&&!h||(m=!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(n,(S=p({className:b,hasSrc:!!f,darkBackground:k},o("profile",v),t(v)),z=null!=(z={children:[r(a,p(f?{src:f,"data-element":"user-image"}:{},x)),g?e(l,{size:O,hasSrc:!!f,"data-element":"details",children:[r(i,{size:O,"data-element":"name",children:g}),j&&r(s,{href:`mailto: ${j}`,size:O,"data-role":"email-link",darkBackground:k,"data-element":"email",children:j}),h&&r(c,{size:O,"data-element":"text",children:h})]}):null]})?z:{},Object.getOwnPropertyDescriptors?Object.defineProperties(S,Object.getOwnPropertyDescriptors(z)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(z)).forEach((function(e){Object.defineProperty(S,e,Object.getOwnPropertyDescriptor(z,e))})),S));var S,z};export{f as Profile,f as default};

package/esm/components/profile/profile.config.js

@@ -1,52 +1 @@
-export const PROFILE_SIZES = ["XS", "S", "M", "ML", "L", "XL", "XXL"];
-export 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"
-  }
-};
+const i=["XS","S","M","ML","L","XL","XXL"];var e={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"}};export{i as PROFILE_SIZES,e as default};

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

@@ -1,64 +1 @@
-import styled from "styled-components";
-import { margin } from "styled-system";
-import Portrait from "../portrait";
-import baseTheme from "../../style/themes/base";
-import profileConfigSizes from "./profile.config";
-import Link from "../link";
-import { StyledPortraitContainer } from "../portrait/portrait.style";
-const ProfileNameStyle = styled.span`
-  font-weight: 500;
-  font-size: ${({
-  size = "M"
-}) => profileConfigSizes[size].nameSize};
-`;
-const ProfileEmailStyle = styled(Link)`
-  a {
-    font-size: ${({
-  size = "M"
-}) => profileConfigSizes[size].emailSize};
-    color: ${({
-  darkBackground
-}) => darkBackground && "var(--colorsActionMajor350)"};
-  }
-`;
-const ProfileTextStyle = styled.span`
-  font-size: ${({
-  size = "M"
-}) => profileConfigSizes[size].emailSize};
-`;
-const ProfileStyle = styled.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;
-  ${margin}
-
-  ${StyledPortraitContainer} {
-    flex-shrink: 0;
-  }
-`;
-const ProfileDetailsStyle = styled.div`
-  vertical-align: middle;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  line-height: ${({
-  size = "M"
-}) => profileConfigSizes[size].lineHeight};
-  margin-left: ${({
-  size = "M"
-}) => profileConfigSizes[size].marginLeft};
-`;
-const ProfileAvatarStyle = styled(Portrait)`
-  display: inline-block;
-`;
-ProfileStyle.defaultProps = {
-  theme: baseTheme
-};
-export { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle, ProfileTextStyle };
+import i from"styled-components";import{margin as e}from"styled-system";import{Portrait as o}from"../portrait/portrait.component.js";import t from"../../style/themes/base/index.js";import r from"./profile.config.js";import{Link as l}from"../link/link.component.js";import{StyledPortraitContainer as a}from"../portrait/portrait.style.js";const n=i.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-2a03cab0-0"})(["font-weight:500;font-size:",";"],(({size:i="M"})=>r[i].nameSize)),s=i(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-2a03cab0-1"})(["a{font-size:",";color:",";}"],(({size:i="M"})=>r[i].emailSize),(({darkBackground:i})=>i&&"var(--colorsActionMajor350)")),c=i.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-2a03cab0-2"})(["font-size:",";"],(({size:i="M"})=>r[i].emailSize)),p=i.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:i})=>i?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:i})=>i?"var(--colorsUtilityYin090)":"transparent"),e,a),m=i.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:i="M"})=>r[i].lineHeight),(({size:i="M"})=>r[i].marginLeft)),f=i(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-2a03cab0-5"})(["display:inline-block;"]);p.defaultProps={theme:t};export{f as ProfileAvatarStyle,m as ProfileDetailsStyle,s as ProfileEmailStyle,n as ProfileNameStyle,p as ProfileStyle,c as ProfileTextStyle};

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

@@ -1 +1 @@
-export { default } from "./progress-tracker.component";
+export{default}from"./progress-tracker.component.js";

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

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

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

@@ -1,2 +1 @@
-/* eslint-disable import/prefer-default-export */
-export const PROGRESS_TRACKER_SIZES = ["small", "medium", "large"];
+const e=["small","medium","large"];export{e as PROGRESS_TRACKER_SIZES};

package/esm/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, };

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

@@ -1,133 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import baseTheme from "../../style/themes/base";
-function getHeight(size) {
-  switch (size) {
-    case "small":
-      return "var(--sizing050)";
-    case "large":
-      return "var(--sizing200)";
-    default:
-      return "var(--sizing100)";
-  }
-}
-function getBackgroundColour({
-  progress,
-  error
-}) {
-  if (error) return "var(--colorsSemanticNegative500)";
-  if (progress && progress >= 100) return "var(--colorsSemanticPositive500)";
-  return "var(--colorsSemanticNeutral500)";
-}
-function getBorderColour({
-  progress,
-  error
-}) {
-  if (error) return "var(--colorsSemanticNegative500)";
-  if (progress === 100) return "var(--colorsSemanticPositive500)";
-  return "var(--colorsSemanticNeutral500)";
-}
-const StyledProgressTracker = styled.div`
-  ${margin}
-  text-align: center;
-  white-space: nowrap;
-
-  ${({
-  length
-}) => css`
-    width: ${length};
-  `};
-  ${({
-  labelsPosition
-}) => labelsPosition === "left" && css`
-      display: flex;
-      align-items: center;
-    `}
-`;
-const StyledProgressBar = styled.span`
-  ${({
-  progress,
-  error
-}) => css`
-    display: flex;
-    position: relative;
-    background-color: var(--colorsSemanticNeutral200);
-    border: 1px solid ${getBorderColour({
-  progress,
-  error
-})};
-    border-radius: var(--borderRadius400);
-    overflow-x: hidden;
-    width: 100%;
-    min-height: fit-content;
-    box-sizing: border-box;
-  `}
-`;
-const fontSizes = {
-  small: "var(--fontSizes100)",
-  medium: "var(--fontSizes100)",
-  large: "var(--fontSizes200)"
-};
-const StyledValue = styled.span`
-  display: inline-block;
-  font-weight: 500;
-`;
-const StyledDescription = styled.span`
-  color: var(--colorsUtilityYin055);
-  margin-left: 4px;
-`;
-const labelsPositionMargin = {
-  top: "bottom",
-  bottom: "top",
-  left: "right"
-};
-const StyledValuesLabel = styled.span`
-  text-align: start;
-  display: flex;
-  justify-content: flex-start;
-  gap: 4px;
-  font-size: ${({
-  size
-}) => size && fontSizes[size]};
-
-  ${({
-  labelsPosition
-}) => labelsPosition && `
-      margin-${labelsPositionMargin[labelsPosition]}: var(--spacing100);
-    `};
-
-  ${({
-  labelWidth
-}) => labelWidth && css`
-      width: ${labelWidth};
-      flex-shrink: 0;
-    `};
-`;
-const InnerBar = styled.span`
-  ${({
-  progress,
-  size,
-  error
-}) => css`
-    position: relative;
-    left: 0;
-    background-color: ${getBackgroundColour({
-  progress,
-  error
-})};
-    border-radius: var(--borderRadius400);
-    width: ${progress}%;
-    min-width: 2px;
-    height: ${getHeight(size)};
-  `}
-`;
-InnerBar.defaultProps = {
-  theme: baseTheme
-};
-StyledProgressBar.defaultProps = {
-  theme: baseTheme
-};
-StyledProgressTracker.defaultProps = {
-  theme: baseTheme
-};
-export { StyledProgressBar, InnerBar, StyledProgressTracker, StyledValuesLabel, StyledValue, StyledDescription };
+import e,{css as r}from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/base/index.js";const s=e.div.withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"sc-7793e6a1-0"})([""," text-align:center;white-space:nowrap;",";",""],t,(({length:e})=>r(["width:",";"],e)),(({labelsPosition:e})=>"left"===e&&r(["display:flex;align-items:center;"]))),i=e.span.withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"sc-7793e6a1-1"})(["",""],(({progress:e,error:t})=>r(["display:flex;position:relative;background-color:var(--colorsSemanticNeutral200);border:1px solid ",";border-radius:var(--borderRadius400);overflow-x:hidden;width:100%;min-height:fit-content;box-sizing:border-box;"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":100===e?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:e,error:t})))),a={small:"var(--fontSizes100)",medium:"var(--fontSizes100)",large:"var(--fontSizes200)"},n=e.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"sc-7793e6a1-2"})(["display:inline-block;font-weight:500;"]),l=e.span.withConfig({displayName:"progress-tracker.style__StyledDescription",componentId:"sc-7793e6a1-3"})(["color:var(--colorsUtilityYin055);margin-left:4px;"]),c={top:"bottom",bottom:"top",left:"right"},p=e.span.withConfig({displayName:"progress-tracker.style__StyledValuesLabel",componentId:"sc-7793e6a1-4"})(["text-align:start;display:flex;justify-content:flex-start;gap:4px;font-size:",";",";",";"],(({size:e})=>e&&a[e]),(({labelsPosition:e})=>e&&`\n      margin-${c[e]}: var(--spacing100);\n    `),(({labelWidth:e})=>e&&r(["width:",";flex-shrink:0;"],e))),d=e.span.withConfig({displayName:"progress-tracker.style__InnerBar",componentId:"sc-7793e6a1-5"})(["",""],(({progress:e,size:t,error:o})=>r(["position:relative;left:0;background-color:",";border-radius:var(--borderRadius400);width:","%;min-width:2px;height:",";"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":e&&e>=100?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:e,error:o}),e,function(e){switch(e){case"small":return"var(--sizing050)";case"large":return"var(--sizing200)";default:return"var(--sizing100)"}}(t))));d.defaultProps={theme:o},i.defaultProps={theme:o},s.defaultProps={theme:o};export{d as InnerBar,l as StyledDescription,i as StyledProgressBar,s as StyledProgressTracker,n as StyledValue,p as StyledValuesLabel};

package/esm/components/radio-button/index.js

@@ -1,4 +1 @@
-import RadioButton from "./radio-button.component";
-import RadioButtonGroup from "./radio-button-group/radio-button-group.component";
-export { RadioButton, RadioButtonGroup };
-export default RadioButton;
+import o from"./radio-button.component.js";export{RadioButtonGroup}from"./radio-button-group/radio-button-group.component.js";export{o as RadioButton,o as default};

package/esm/components/radio-button/radio-button-group/radio-button-group.component.js

@@ -1,172 +1 @@
-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); }
-import React, { useContext, useRef } from "react";
-import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
-import Fieldset from "../../../__internal__/fieldset";
-import RadioButtonGroupStyle from "../radio-button-group/radio-button-group.style";
-import RadioButtonMapper from "../../../__internal__/radio-button-mapper/radio-button-mapper.component";
-import useIsAboveBreakpoint from "../../../hooks/__internal__/useIsAboveBreakpoint";
-import { filterStyledSystemMarginProps } from "../../../style/utils";
-import { TooltipProvider } from "../../../__internal__/tooltip-provider";
-import Logger from "../../../__internal__/utils/logger";
-import NewValidationContext from "../../carbon-provider/__internal__/new-validation.context";
-import ValidationMessage from "../../../__internal__/validation-message/validation-message.component";
-import Box from "../../box";
-import guid from "../../../__internal__/utils/helpers/guid";
-import useInputAccessibility from "../../../hooks/__internal__/useInputAccessibility";
-import ErrorBorder from "../../textbox/textbox.style";
-import HintText from "../../../__internal__/hint-text";
-let deprecateUncontrolledWarnTriggered = false;
-let deprecateOptionalWarnTriggered = false;
-export const RadioButtonGroup = ({
-  children,
-  id,
-  name,
-  legend,
-  legendHelp,
-  error,
-  warning,
-  info,
-  onBlur,
-  onChange,
-  value,
-  inline = false,
-  legendInline = false,
-  legendWidth,
-  legendAlign = "left",
-  legendSpacing,
-  labelSpacing = 1,
-  adaptiveLegendBreakpoint,
-  adaptiveSpacingBreakpoint,
-  required,
-  isOptional,
-  tooltipPosition,
-  ...rest
-}) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    Logger.deprecate("`isOptional` is deprecated in RadioButtonGroup and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead.");
-  }
-  const {
-    validationRedesignOptIn
-  } = useContext(NewValidationContext);
-  const internalId = useRef(guid());
-  const uniqueId = id || internalId.current;
-  const inputHintId = legendHelp ? `${uniqueId}-hint` : undefined;
-  if (!deprecateUncontrolledWarnTriggered && !onChange) {
-    deprecateUncontrolledWarnTriggered = true;
-    Logger.deprecate("Uncontrolled behaviour in `Radio Button` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  const marginProps = filterStyledSystemMarginProps(rest);
-  const isAboveLegendBreakpoint = useIsAboveBreakpoint(adaptiveLegendBreakpoint);
-  const isAboveSpacingBreakpoint = useIsAboveBreakpoint(adaptiveSpacingBreakpoint);
-  let inlineLegend = legendInline;
-  if (adaptiveLegendBreakpoint) {
-    inlineLegend = !!isAboveLegendBreakpoint;
-  }
-  let marginLeft = marginProps.ml;
-  if (adaptiveSpacingBreakpoint && !isAboveSpacingBreakpoint) {
-    marginLeft = undefined;
-  }
-  const {
-    validationId,
-    ariaDescribedBy
-  } = useInputAccessibility({
-    id: uniqueId,
-    validationRedesignOptIn: true,
-    error,
-    warning,
-    info
-  });
-  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId].filter(Boolean).join(" ");
-  return /*#__PURE__*/React.createElement(React.Fragment, null, validationRedesignOptIn ? /*#__PURE__*/React.createElement(Fieldset, _extends({
-    legend: legend,
-    error: error,
-    warning: warning,
-    legendAlign: legendAlign,
-    isRequired: required,
-    isOptional: isOptional,
-    width: "fit-content"
-  }, tagComponent("radiogroup", rest), marginProps, {
-    ml: marginLeft,
-    blockGroupBehaviour: !(error || warning)
-  }, combinedAriaDescribedBy && {
-    "aria-describedby": combinedAriaDescribedBy
-  }), legendHelp && /*#__PURE__*/React.createElement(HintText, {
-    align: legendAlign,
-    id: inputHintId,
-    marginTop: "-4px"
-  }, legendHelp), /*#__PURE__*/React.createElement(Box, {
-    position: "relative"
-  }, /*#__PURE__*/React.createElement(ValidationMessage, {
-    error: error,
-    warning: warning,
-    validationId: validationId
-  }), (error || warning) && /*#__PURE__*/React.createElement(ErrorBorder, {
-    "data-role": "radio-error-border",
-    inline: inline,
-    warning: !!(!error && warning)
-  }), /*#__PURE__*/React.createElement(RadioButtonGroupStyle, {
-    "data-component": "radio-button-group",
-    role: "radiogroup",
-    inline: inline,
-    legendInline: inlineLegend
-  }, /*#__PURE__*/React.createElement(RadioButtonMapper, {
-    name: name,
-    onBlur: onBlur,
-    onChange: onChange,
-    value: value
-  }, React.Children.map(children, child => {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return child;
-    }
-    return /*#__PURE__*/React.cloneElement(child, {
-      inline,
-      labelSpacing,
-      error: !!error,
-      warning: !!warning,
-      ...child.props
-    });
-  }))))) : /*#__PURE__*/React.createElement(TooltipProvider, {
-    tooltipPosition: tooltipPosition
-  }, /*#__PURE__*/React.createElement(Fieldset, _extends({
-    legend: legend,
-    error: error,
-    warning: warning,
-    info: info,
-    inline: inlineLegend,
-    legendWidth: legendWidth,
-    legendAlign: legendAlign,
-    legendSpacing: legendSpacing,
-    isRequired: required,
-    isOptional: isOptional
-  }, tagComponent("radiogroup", rest), marginProps, {
-    ml: marginLeft,
-    blockGroupBehaviour: !(error || warning || info),
-    "aria-describedby": ariaDescribedBy,
-    validationId: validationId
-  }), /*#__PURE__*/React.createElement(RadioButtonGroupStyle, {
-    "data-component": "radio-button-group",
-    role: "radiogroup",
-    inline: inline,
-    legendInline: inlineLegend
-  }, /*#__PURE__*/React.createElement(RadioButtonMapper, {
-    name: name,
-    onBlur: onBlur,
-    onChange: onChange,
-    value: value
-  }, React.Children.map(children, child => {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return child;
-    }
-    return /*#__PURE__*/React.cloneElement(child, {
-      inline,
-      labelSpacing,
-      error: !!error,
-      warning: !!warning,
-      info: !!info,
-      ...child.props
-    });
-  }))))));
-};
-RadioButtonGroup.displayName = "RadioButtonGroup";
-export default RadioButtonGroup;
+import{jsx as e,Fragment as n,jsxs as r}from"react/jsx-runtime";import i,{useContext as t,useRef as o}from"react";import l from"../../../__internal__/utils/helpers/tags/tags.js";import a from"../../../__internal__/fieldset/fieldset.component.js";import p from"./radio-button-group.style.js";import d from"../../../__internal__/radio-button-mapper/radio-button-mapper.component.js";import s from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as u}from"../../../__internal__/tooltip-provider/index.js";import g from"../../../__internal__/utils/logger/index.js";import m from"../../carbon-provider/__internal__/new-validation.context.js";import f from"../../../__internal__/validation-message/validation-message.component.js";import{Box as b}from"../../box/box.component.js";import _ from"../../../__internal__/utils/helpers/guid/index.js";import h from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import y from"../../textbox/textbox.style.js";import{HintText as v}from"../../../__internal__/hint-text/hint-text.component.js";function O(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){O(e,n,r[n])}))}return e}function w(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}let x=!1,B=!1;const P=O=>{var{children:P,id:I,name:S,legend:k,legendHelp:A,error:E,warning:R,info:q,onBlur:C,onChange:D,value:G,inline:W=!1,legendInline:H=!1,legendWidth:L,legendAlign:V="left",legendSpacing:N,labelSpacing:T=1,adaptiveLegendBreakpoint:U,adaptiveSpacingBreakpoint:$,required:z,isOptional:F,tooltipPosition:J}=O,K=function(e,n){if(null==e)return{};var r,i,t=function(e,n){if(null==e)return{};var r,i,t={},o=Object.keys(e);for(i=0;i<o.length;i++)r=o[i],n.indexOf(r)>=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)r=o[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(O,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","isOptional","tooltipPosition"]);!B&&F&&(B=!0,g.deprecate("`isOptional` is deprecated in RadioButtonGroup and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:M}=t(m),Q=o(_()),X=I||Q.current,Y=A?`${X}-hint`:void 0;x||D||(x=!0,g.deprecate("Uncontrolled behaviour in `Radio Button` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const Z=c(K),ee=s(U),ne=s($);let re=H;U&&(re=!!ee);let ie=Z.ml;$&&!ne&&(ie=void 0);const{validationId:te,ariaDescribedBy:oe}=h({id:X,validationRedesignOptIn:!0,error:E,warning:R,info:q}),le=[oe,Y].filter(Boolean).join(" ");return e(n,{children:M?r(a,w(j(w(j({legend:k,error:E,warning:R,legendAlign:V,isRequired:z,isOptional:F,width:"fit-content"},l("radiogroup",K),Z),{ml:ie,blockGroupBehaviour:!(E||R)}),le&&{"aria-describedby":le}),{children:[A&&e(v,{align:V,id:Y,marginTop:"-4px",children:A}),r(b,{position:"relative",children:[e(f,{error:E,warning:R,validationId:te}),(E||R)&&e(y,{"data-role":"radio-error-border",inline:W,warning:!(E||!R)}),e(p,{"data-component":"radio-button-group",role:"radiogroup",inline:W,legendInline:re,children:e(d,{name:S,onBlur:C,onChange:D,value:G,children:i.Children.map(P,(e=>i.isValidElement(e)?i.cloneElement(e,j({inline:W,labelSpacing:T,error:!!E,warning:!!R},e.props)):e))})})]})]})):e(u,{tooltipPosition:J,children:e(a,w(j({legend:k,error:E,warning:R,info:q,inline:re,legendWidth:L,legendAlign:V,legendSpacing:N,isRequired:z,isOptional:F},l("radiogroup",K),Z),{ml:ie,blockGroupBehaviour:!(E||R||q),"aria-describedby":oe,validationId:te,children:e(p,{"data-component":"radio-button-group",role:"radiogroup",inline:W,legendInline:re,children:e(d,{name:S,onBlur:C,onChange:D,value:G,children:i.Children.map(P,(e=>i.isValidElement(e)?i.cloneElement(e,j({inline:W,labelSpacing:T,error:!!E,warning:!!R,info:!!q},e.props)):e))})})}))})})};P.displayName="RadioButtonGroup";export{P as RadioButtonGroup,P as default};

package/esm/components/radio-button/radio-button-group/radio-button-group.style.js

@@ -1,13 +1 @@
-import styled, { css } from "styled-components";
-const RadioButtonGroupStyle = styled.div`
-  ${({
-  inline,
-  legendInline
-}) => css`
-    display: flex;
-    flex-direction: column;
-    ${inline && "flex-direction: row;"}
-    ${legendInline && "margin-top: 4px;"}
-  `};
-`;
-export default RadioButtonGroupStyle;
+import o,{css as e}from"styled-components";const n=o.div.withConfig({displayName:"radio-button-group.style__RadioButtonGroupStyle",componentId:"sc-6b8154b6-0"})(["",";"],(({inline:o,legendInline:n})=>e(["display:flex;flex-direction:column;"," ",""],o&&"flex-direction: row;",n&&"margin-top: 4px;")));export{n as default};