carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/step-flow/step-flow.component.js

@@ -1,120 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StepFlow = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _iconButton = _interopRequireDefault(require("../icon-button"));
-var _stepFlow = require("./step-flow.style");
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _typography = _interopRequireDefault(require("../typography"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _stepFlow2 = require("./__internal__/step-flow.context");
-var _stepFlowTitle = _interopRequireDefault(require("./step-flow-title/step-flow-title.component"));
-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; }
-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 StepFlow = exports.StepFlow = /*#__PURE__*/(0, _react.forwardRef)(({
-  category,
-  title,
-  titleVariant = "h1",
-  totalSteps,
-  currentStep,
-  showProgressIndicator = false,
-  showCloseIcon = false,
-  onDismiss,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  "aria-describedby": ariaDescribedBy,
-  ...rest
-}, ref) => {
-  const totalStepsArray = Array.from({
-    length: totalSteps
-  }, (_, index) => index + 1);
-  const validatedCurrentStep = currentStep > totalSteps ? totalSteps : currentStep;
-  let currentStepWarnTriggered = false;
-  let noRefWarnTriggered = false;
-
-  /* eslint-disable no-console */
-  if (!currentStepWarnTriggered && currentStep > totalSteps) {
-    currentStepWarnTriggered = true;
-    console.warn("[WARNING] The `currentStep` prop should not be higher than the `totalSteps`prop in `StepFlow`." + " Please ensure `currentStep`s value does not exceed that of `totalSteps`, in the meantime" + " we have set `currentStep` value to that of `totalSteps`, and all indicators have been marked as completed.");
-  }
-  if (!noRefWarnTriggered && !ref) {
-    noRefWarnTriggered = true;
-    console.warn("[WARNING] A `ref` should be provided to ensure focus is programmatically focused back to a title div," + " this ensures screen reader users are informed regarding any changes and can navigate back down the page.");
-  }
-  const progressIndicators = totalStepsArray.map(step => {
-    const generateDataState = () => {
-      if (step === validatedCurrentStep) {
-        return "in-progress";
-      }
-      if (step < validatedCurrentStep) {
-        return "is-completed";
-      }
-      return "not-completed";
-    };
-    return /*#__PURE__*/_react.default.createElement(_stepFlow.StyledProgressIndicator, {
-      key: step,
-      "aria-hidden": "true",
-      "data-role": "progress-indicator",
-      "data-element": "progress-indicator",
-      isCompleted: step < validatedCurrentStep,
-      isInProgress: step === validatedCurrentStep,
-      "data-state": generateDataState()
-    }, "\xA0");
-  });
-  const locale = (0, _useLocale.default)();
-  const closeIcon = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-    "data-element": "close",
-    "aria-label": locale.stepFlow.closeIconAriaLabel?.(),
-    onClick: onDismiss
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: "close"
-  }));
-  const titleRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, () => ({
-    focus() {
-      titleRef.current?.focus();
-    }
-  }), []);
-  const stepFlowTitle = /*#__PURE__*/_react.default.createElement(_stepFlow2.StepFlowProvider, {
-    value: {
-      validatedCurrentStep,
-      totalSteps,
-      titleVariant,
-      category,
-      titleRef
-    }
-  }, typeof title === "string" ? /*#__PURE__*/_react.default.createElement(_stepFlowTitle.default, {
-    titleString: title
-  }) : title);
-  const stepFlowLabel = /*#__PURE__*/_react.default.createElement(_typography.default, {
-    variant: "span",
-    fontWeight: "400",
-    fontSize: "var(--fontSizes200)",
-    lineHeight: "var(--sizing300)",
-    "data-element": "step-label",
-    "aria-hidden": "true"
-  }, locale.stepFlow.stepLabel(validatedCurrentStep, totalSteps));
-  return /*#__PURE__*/_react.default.createElement(_stepFlow.StyledStepFlow, _extends({
-    role: "group",
-    "aria-label": ariaLabel,
-    "aria-describedby": ariaDescribedBy,
-    "aria-labelledby": ariaLabelledBy
-  }, rest, (0, _tags.default)("step-flow", rest)), /*#__PURE__*/_react.default.createElement(_stepFlow.StyledStepContent, null, category ? /*#__PURE__*/_react.default.createElement(_stepFlow.StyledStepContentText, null, /*#__PURE__*/_react.default.createElement(_typography.default, {
-    fontWeight: "400",
-    fontSize: "var(--fontSizes100)",
-    lineHeight: "var(--sizing250)",
-    variant: "span",
-    "data-element": "category-text",
-    "aria-hidden": "true"
-  }, category), stepFlowTitle) : stepFlowTitle, showCloseIcon ? closeIcon : null), showProgressIndicator ? /*#__PURE__*/_react.default.createElement(_stepFlow.StyledStepLabelAndProgress, null, stepFlowLabel, /*#__PURE__*/_react.default.createElement(_stepFlow.StyledProgressIndicatorBar, {
-    "data-element": "progress-indicator-bar",
-    "data-role": "progress-indicator-bar"
-  }, progressIndicators)) : stepFlowLabel);
-});
-var _default = exports.default = StepFlow;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../icon/icon.component.js"),o=require("../icon-button/icon-button.component.js"),n=require("./step-flow.style.js"),a=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../typography/typography.component.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),i=require("./__internal__/step-flow.context.js"),c=require("./step-flow-title/step-flow-title.component.js");function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const d=t.forwardRef(((d,u)=>{var b,f,{category:y,title:g,titleVariant:h="h1",totalSteps:j,currentStep:S,showProgressIndicator:m=!1,showCloseIcon:v=!1,onDismiss:w,"aria-label":O,"aria-labelledby":x,"aria-describedby":P}=d,_=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(d,["category","title","titleVariant","totalSteps","currentStep","showProgressIndicator","showCloseIcon","onDismiss","aria-label","aria-labelledby","aria-describedby"]);const I=Array.from({length:j},((e,t)=>t+1)),q=S>j?j:S;let k=!1,C=!1;!k&&S>j&&(k=!0,console.warn("[WARNING] The `currentStep` prop should not be higher than the `totalSteps`prop in `StepFlow`. Please ensure `currentStep`s value does not exceed that of `totalSteps`, in the meantime we have set `currentStep` value to that of `totalSteps`, and all indicators have been marked as completed.")),C||u||(C=!0,console.warn("[WARNING] A `ref` should be provided to ensure focus is programmatically focused back to a title div, this ensures screen reader users are informed regarding any changes and can navigate back down the page."));const F=I.map((t=>e.jsx(n.StyledProgressIndicator,{"aria-hidden":"true","data-role":"progress-indicator","data-element":"progress-indicator",isCompleted:t<q,isInProgress:t===q,"data-state":t===q?"in-progress":t<q?"is-completed":"not-completed",children:" "},t))),z=s.default(),A=e.jsx(o.default,{"data-element":"close","aria-label":null===(b=(f=z.stepFlow).closeIconAriaLabel)||void 0===b?void 0:b.call(f),onClick:w,children:e.jsx(r.default,{type:"close"})}),D=t.useRef(null);t.useImperativeHandle(u,(()=>({focus(){var e;null===(e=D.current)||void 0===e||e.focus()}})),[]);const L=e.jsx(i.StepFlowProvider,{value:{validatedCurrentStep:q,totalSteps:j,titleVariant:h,category:y,titleRef:D},children:"string"==typeof g?e.jsx(c.StepFlowTitle,{titleString:g}):g}),R=e.jsx(l.Typography,{variant:"span",fontWeight:"400",fontSize:"var(--fontSizes200)",lineHeight:"var(--sizing300)","data-element":"step-label","aria-hidden":"true",children:z.stepFlow.stepLabel(q,j)});return e.jsxs(n.StyledStepFlow,(T=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){p(e,t,r[t])}))}return e}({role:"group","aria-label":O,"aria-describedby":P,"aria-labelledby":x},_,a.default("step-flow",_)),N=null!=(N={children:[e.jsxs(n.StyledStepContent,{children:[y?e.jsxs(n.StyledStepContentText,{children:[e.jsx(l.Typography,{fontWeight:"400",fontSize:"var(--fontSizes100)",lineHeight:"var(--sizing250)",variant:"span","data-element":"category-text","aria-hidden":"true",children:y}),L]}):L,v?A:null]}),m?e.jsxs(n.StyledStepLabelAndProgress,{children:[R,e.jsx(n.StyledProgressIndicatorBar,{"data-element":"progress-indicator-bar","data-role":"progress-indicator-bar",children:F})]}):R]})?N:{},Object.getOwnPropertyDescriptors?Object.defineProperties(T,Object.getOwnPropertyDescriptors(N)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(N)).forEach((function(e){Object.defineProperty(T,e,Object.getOwnPropertyDescriptor(N,e))})),T));var T,N}));exports.StepFlow=d,exports.default=d;

package/lib/components/step-flow/step-flow.style.js

@@ -1,48 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledTitleFocusWrapper = exports.StyledStepLabelAndProgress = exports.StyledStepFlow = exports.StyledStepContentText = exports.StyledStepContent = exports.StyledProgressIndicatorBar = exports.StyledProgressIndicator = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _styledSystem = require("styled-system");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledStepFlow = exports.StyledStepFlow = _styledComponents.default.div`
-  ${_styledSystem.margin}
-`;
-const StyledStepContent = exports.StyledStepContent = _styledComponents.default.div`
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: var(--sizing200);
-`;
-const StyledStepContentText = exports.StyledStepContentText = _styledComponents.default.div`
-  display: flex;
-  flex-direction: column;
-`;
-const StyledTitleFocusWrapper = exports.StyledTitleFocusWrapper = _styledComponents.default.div``;
-const StyledStepLabelAndProgress = exports.StyledStepLabelAndProgress = _styledComponents.default.div`
-  margin-top: var(--sizing125);
-`;
-const StyledProgressIndicatorBar = exports.StyledProgressIndicatorBar = _styledComponents.default.div`
-  display: flex;
-  margin-top: var(--sizing100);
-`;
-function calculateProgressIndicatorColor({
-  isCompleted,
-  isInProgress
-}) {
-  if (isInProgress) {
-    return "var(--colorsUtilityYin090)";
-  }
-  if (isCompleted) {
-    return "var(--colorsSemanticPositive500)";
-  }
-  return "var(--colorsActionDisabled600)";
-}
-const StyledProgressIndicator = exports.StyledProgressIndicator = _styledComponents.default.span`
-  background-color: ${calculateProgressIndicatorColor};
-  width: 100%;
-  height: 8px;
-  border-radius: 8px;
-  margin-right: 12px;
-`;
+"use strict";var e=require("styled-components"),t=require("styled-system");function o(e){return e&&e.__esModule?e:{default:e}}var s=o(e);const d=s.default.div.withConfig({displayName:"step-flow.style__StyledStepFlow",componentId:"sc-d02bd7ac-0"})(["",""],t.margin),i=s.default.div.withConfig({displayName:"step-flow.style__StyledStepContent",componentId:"sc-d02bd7ac-1"})(["display:flex;justify-content:space-between;margin-bottom:var(--sizing200);"]),l=s.default.div.withConfig({displayName:"step-flow.style__StyledStepContentText",componentId:"sc-d02bd7ac-2"})(["display:flex;flex-direction:column;"]),n=s.default.div.withConfig({displayName:"step-flow.style__StyledTitleFocusWrapper",componentId:"sc-d02bd7ac-3"})([""]),r=s.default.div.withConfig({displayName:"step-flow.style__StyledStepLabelAndProgress",componentId:"sc-d02bd7ac-4"})(["margin-top:var(--sizing125);"]),a=s.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicatorBar",componentId:"sc-d02bd7ac-5"})(["display:flex;margin-top:var(--sizing100);"]),p=s.default.span.withConfig({displayName:"step-flow.style__StyledProgressIndicator",componentId:"sc-d02bd7ac-6"})(["background-color:",";width:100%;height:8px;border-radius:8px;margin-right:12px;"],(function({isCompleted:e,isInProgress:t}){return t?"var(--colorsUtilityYin090)":e?"var(--colorsSemanticPositive500)":"var(--colorsActionDisabled600)"}));exports.StyledProgressIndicator=p,exports.StyledProgressIndicatorBar=a,exports.StyledStepContent=i,exports.StyledStepContentText=l,exports.StyledStepFlow=d,exports.StyledStepLabelAndProgress=r,exports.StyledTitleFocusWrapper=n;

package/lib/components/step-sequence/__internal__/step-sequence.context.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useStepSequenceContext = exports.StepSequenceProvider = void 0;
-var _createStrictContext = _interopRequireDefault(require("../../../__internal__/utils/createStrictContext"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const [StepSequenceProvider, useStepSequenceContext] = (0, _createStrictContext.default)({
-  name: "StepSequenceContext",
-  errorMessage: "Carbon StepSequence: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
-  defaultValue: {
-    orientation: "horizontal"
-  }
-});
-exports.useStepSequenceContext = useStepSequenceContext;
-exports.StepSequenceProvider = StepSequenceProvider;
+"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,r]=e.default({name:"StepSequenceContext",errorMessage:"Carbon StepSequence: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{orientation:"horizontal"}});exports.StepSequenceProvider=t,exports.useStepSequenceContext=r;

package/lib/components/step-sequence/index.js

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "StepSequence", {
-  enumerable: true,
-  get: function () {
-    return _stepSequence.default;
-  }
-});
-Object.defineProperty(exports, "StepSequenceItem", {
-  enumerable: true,
-  get: function () {
-    return _stepSequenceItem.default;
-  }
-});
-var _stepSequence = _interopRequireDefault(require("./step-sequence.component"));
-var _stepSequenceItem = _interopRequireDefault(require("./step-sequence-item"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var e=require("./step-sequence.component.js"),t=require("./step-sequence-item/step-sequence-item.component.js");exports.StepSequence=e.StepSequence,exports.StepSequenceItem=t.StepSequenceItem;

package/lib/components/step-sequence/package.json

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

package/lib/components/step-sequence/step-sequence-item/index.js

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

package/lib/components/step-sequence/step-sequence-item/package.json

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

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StepSequenceItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _stepSequenceItem = require("./step-sequence-item.style");
-var _icon = _interopRequireDefault(require("../../icon"));
-var _stepSequence = require("../__internal__/step-sequence.context");
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/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 StepSequenceItem = ({
-  hideIndicator = false,
-  indicator,
-  status = "incomplete",
-  hiddenCompleteLabel,
-  hiddenCurrentLabel,
-  children,
-  ariaLabel,
-  ...rest
-}) => {
-  const {
-    orientation
-  } = (0, _stepSequence.useStepSequenceContext)();
-  const indicatorText = () => {
-    return !hideIndicator ? /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemIndicator, null, indicator) : null;
-  };
-  const icon = () => status === "complete" ? /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: "tick"
-  }) : indicatorText();
-  const hiddenLabel = () => {
-    if (hiddenCompleteLabel && status === "complete") {
-      return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemHiddenLabel, null, hiddenCompleteLabel);
-    }
-    if (hiddenCurrentLabel && status === "current") {
-      return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemHiddenLabel, null, hiddenCurrentLabel);
-    }
-    return null;
-  };
-  return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItem, _extends({
-    orientation: orientation,
-    status: status,
-    key: `step-seq-item-${indicator}`,
-    "aria-label": ariaLabel
-  }, rest, (0, _tags.default)("step-sequence-item", rest)), hiddenLabel(), /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemContent, null, icon(), /*#__PURE__*/_react.default.createElement("span", null, children)));
-};
-exports.StepSequenceItem = StepSequenceItem;
-var _default = exports.default = StepSequenceItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./step-sequence-item.style.js"),r=require("../../icon/icon.component.js"),n=require("../__internal__/step-sequence.context.js"),i=require("../../../__internal__/utils/helpers/tags/tags.js");function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const o=o=>{var{hideIndicator:l=!1,indicator:s,status:u="incomplete",hiddenCompleteLabel:a,hiddenCurrentLabel:p,children:d,ariaLabel:b}=o,y=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(o,["hideIndicator","indicator","status","hiddenCompleteLabel","hiddenCurrentLabel","children","ariaLabel"]);const{orientation:j}=n.useStepSequenceContext();return e.jsxs(t.StyledStepSequenceItem,(O=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}({orientation:j,status:u,"aria-label":b},y,i.default("step-sequence-item",y)),f=null!=(f={children:[a&&"complete"===u?e.jsx(t.StyledStepSequenceItemHiddenLabel,{children:a}):p&&"current"===u?e.jsx(t.StyledStepSequenceItemHiddenLabel,{children:p}):null,e.jsxs(t.StyledStepSequenceItemContent,{children:["complete"===u?e.jsx(r.default,{type:"tick"}):l?null:e.jsx(t.StyledStepSequenceItemIndicator,{children:s}),e.jsx("span",{children:d})]})]})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(f,e))})),O),`step-seq-item-${s}`);var O,f};exports.StepSequenceItem=o,exports.default=o;

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js

@@ -1,105 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledStepSequenceItemIndicator = exports.StyledStepSequenceItemHiddenLabel = exports.StyledStepSequenceItemContent = exports.StyledStepSequenceItem = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _icon = _interopRequireDefault(require("../../icon/icon.style"));
-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 StyledStepSequenceItem = exports.StyledStepSequenceItem = _styledComponents.default.li`
-  display: flex;
-  align-items: center;
-  flex-grow: 1;
-  text-align: right;
-  list-style-type: none;
-  color: var(--colorsUtilityYin055);
-
-  ${({
-  orientation,
-  status
-}) => {
-  const side = orientation === "vertical" ? "left" : "top";
-  return (0, _styledComponents.css)`
-      &::before {
-        content: "";
-        flex-grow: 1;
-        display: block;
-        margin: 0 16px;
-        border-${side}: var(--sizing025) dashed var(--colorsUtilityYin055);
-      }
-
-      & span {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      ${_icon.default} {
-        margin-right: 8px;
-        color: var(--colorsBaseTheme, var(--colorsSemanticPositive500));
-      }
-
-      &:first-child {
-        flex-grow: 0;
-
-        &::before {
-          display: none;
-        }
-      }
-
-      ${status === "current" && (0, _styledComponents.css)`
-          color: var(--colorsUtilityYin090);
-
-          &::before {
-            border-${side}-color: var(--colorsUtilityYin090);
-            border-${side}-style: solid;
-          }
-        `}
-
-      ${status === "complete" && (0, _styledComponents.css)`
-          color: var(--colorsBaseTheme, var(--colorsSemanticPositive500));
-
-          &::before {
-            border-${side}-color: var(
-              --colorsBaseTheme,
-              var(--colorsSemanticPositive500)
-            );
-            border-${side}-style: solid;
-          }
-        `}
-
-      ${orientation === "vertical" && (0, _styledComponents.css)`
-          flex-direction: column;
-          align-items: flex-start;
-
-          &::before {
-            flex-grow: 0;
-            border-left-width: var(--sizing025);
-            height: 100%;
-            min-height: var(--sizing300);
-            margin: 12px 8px;
-          }
-        `}
-    `;
-}}
-`;
-const StyledStepSequenceItemContent = exports.StyledStepSequenceItemContent = _styledComponents.default.span`
-  display: flex;
-`;
-const StyledStepSequenceItemHiddenLabel = exports.StyledStepSequenceItemHiddenLabel = _styledComponents.default.span`
-  position: absolute !important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-  clip: rect(1px, 1px, 1px, 1px);
-`;
-const StyledStepSequenceItemIndicator = exports.StyledStepSequenceItemIndicator = _styledComponents.default.span`
-  display: block;
-  min-width: 16px;
-  height: 16px;
-  margin-right: 8px;
-  text-align: center;
-`;
+"use strict";var e=require("styled-components"),t=require("../../icon/icon.style.js");function i(e){return e&&e.__esModule?e:{default:e}}var o=i(e);const r=o.default.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"sc-a204f0f2-0"})(["display:flex;align-items:center;flex-grow:1;text-align:right;list-style-type:none;color:var(--colorsUtilityYin055);",""],(({orientation:i,status:o})=>{const r="vertical"===i?"left":"top";return e.css(['&::before{content:"";flex-grow:1;display:block;margin:0 16px;border-',":var(--sizing025) dashed var(--colorsUtilityYin055);}& span{display:flex;align-items:center;justify-content:center;}","{margin-right:8px;color:var(--colorsBaseTheme,var(--colorsSemanticPositive500));}&:first-child{flex-grow:0;&::before{display:none;}}"," "," ",""],r,t.default,"current"===o&&e.css(["color:var(--colorsUtilityYin090);&::before{border-","-color:var(--colorsUtilityYin090);border-","-style:solid;}"],r,r),"complete"===o&&e.css(["color:var(--colorsBaseTheme,var(--colorsSemanticPositive500));&::before{border-","-color:var( --colorsBaseTheme,var(--colorsSemanticPositive500) );border-","-style:solid;}"],r,r),"vertical"===i&&e.css(["flex-direction:column;align-items:flex-start;&::before{flex-grow:0;border-left-width:var(--sizing025);height:100%;min-height:var(--sizing300);margin:12px 8px;}"]))})),n=o.default.span.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItemContent",componentId:"sc-a204f0f2-1"})(["display:flex;"]),s=o.default.span.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItemHiddenLabel",componentId:"sc-a204f0f2-2"})(["position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);"]),l=o.default.span.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItemIndicator",componentId:"sc-a204f0f2-3"})(["display:block;min-width:16px;height:16px;margin-right:8px;text-align:center;"]);exports.StyledStepSequenceItem=r,exports.StyledStepSequenceItemContent=n,exports.StyledStepSequenceItemHiddenLabel=s,exports.StyledStepSequenceItemIndicator=l;

package/lib/components/step-sequence/step-sequence.component.js

@@ -1,28 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StepSequence = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _stepSequence = _interopRequireDefault(require("./step-sequence.style"));
-var _stepSequence2 = require("./__internal__/step-sequence.context");
-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 StepSequence = ({
-  children,
-  orientation = "horizontal",
-  ...props
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_stepSequence.default, _extends({
-    orientation: orientation,
-    p: 0
-  }, props, (0, _tags.default)("step-sequence", props)), /*#__PURE__*/_react.default.createElement(_stepSequence2.StepSequenceProvider, {
-    value: {
-      orientation
-    }
-  }, children));
-};
-exports.StepSequence = StepSequence;
-var _default = exports.default = StepSequence;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../__internal__/utils/helpers/tags/tags.js"),t=require("./step-sequence.style.js"),n=require("./__internal__/step-sequence.context.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 c=c=>{var i,u,{children:l,orientation:s="horizontal"}=c,a=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(c,["children","orientation"]);return e.jsx(t.default,(i=function(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}({orientation:s,p:0},a,r.default("step-sequence",a)),u=null!=(u={children:e.jsx(n.StepSequenceProvider,{value:{orientation:s},children:l})})?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(u)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(u)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(u,e))})),i))};exports.StepSequence=c,exports.default=c;

package/lib/components/step-sequence/step-sequence.style.js

@@ -1,29 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _themes = require("../../style/themes");
-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 StyledStepSequence = _styledComponents.default.ol`
-  display: flex;
-  margin: 0;
-  font-weight: var(--fontWeights500);
-
-  ${({
-  orientation
-}) => orientation === "vertical" && (0, _styledComponents.css)`
-      flex-direction: column;
-      height: 100%;
-    `}
-
-  ${_styledSystem.space}
-`;
-StyledStepSequence.defaultProps = {
-  theme: _themes.baseTheme
-};
-var _default = exports.default = StyledStepSequence;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system");require("../../style/themes/sage/index.js");var s=require("../../style/themes/base/index.js");function r(e){return e&&e.__esModule?e:{default:e}}require("../../style/themes/none/index.js");const i=r(e).default.ol.withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"sc-60a5865-0"})(["display:flex;margin:0;font-weight:var(--fontWeights500);"," ",""],(({orientation:t})=>"vertical"===t&&e.css(["flex-direction:column;height:100%;"])),t.space);i.defaultProps={theme:s.default},exports.default=i;

package/lib/components/switch/__internal__/switch-slider-panel.style.js

@@ -1,75 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _loaderSquare = _interopRequireDefault(require("../../loader/loader-square.style"));
-var _loader = _interopRequireDefault(require("../../loader/loader.style"));
-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 SwitchSliderPanel = _styledComponents.default.div`
-  ${({
-  isLoading,
-  size,
-  isDarkBackground
-}) => (0, _styledComponents.css)`
-    border: 0;
-    color: ${isDarkBackground ? "var(--colorsUtilityYin100)" : "var(--colorsActionMinorYang100)"};
-    margin: auto;
-    position: absolute;
-    left: 0;
-
-    &[type="on"] {
-      color: ${isDarkBackground ? "var(--colorsUtilityYin100)" : "var(--colorsUtilityYang100)"};
-      margin-left: 9px;
-      padding-right: ${size === "large" ? "43px" : "27px"};
-    }
-
-    &[type="off"] {
-      color: ${isDarkBackground ? "var(--colorsUtilityYang100)" : "var(--colorsActionMinor500)"};
-      margin-right: 9px;
-      padding-left: ${size === "large" ? "43px" : "27px"};
-    }
-
-    ${isLoading && (0, _styledComponents.css)`
-      &[type="off"],
-      &[type="on"] {
-        margin: 0;
-        width: 100%;
-        box-sizing: border-box;
-        padding: 2px 8px;
-      }
-
-      &[type="off"] {
-        ${_loaderSquare.default} {
-          background-color: var(--colorsSemanticNeutral500);
-        }
-      }
-
-      &[type="on"] {
-        ${_loaderSquare.default} {
-          background-color: var(--colorsActionMinorYang100);
-        }
-      }
-
-      ${_loader.default} {
-         {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          width: 100%;
-          height: 100%;
-
-          ${_loaderSquare.default} {
-            height: ${size === "large" ? "var(--sizing200)" : "var(--sizing150)"};
-            width: ${size === "large" ? "var(--sizing200)" : "var(--sizing150)"};
-          }
-        }
-      }
-    `}
-  `}
-`;
-var _default = exports.default = SwitchSliderPanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../loader/loader-square.style.js"),o=require("../../loader/loader.style.js");function i(e){return e&&e.__esModule?e:{default:e}}const t=i(e).default.div.withConfig({displayName:"switch-slider-panel.style__SwitchSliderPanel",componentId:"sc-a88b1afd-0"})(["",""],(({isLoading:i,size:t,isDarkBackground:a})=>e.css(["border:0;color:",';margin:auto;position:absolute;left:0;&[type="on"]{color:',";margin-left:9px;padding-right:",';}&[type="off"]{color:',";margin-right:9px;padding-left:",";}",""],a?"var(--colorsUtilityYin100)":"var(--colorsActionMinorYang100)",a?"var(--colorsUtilityYin100)":"var(--colorsUtilityYang100)","large"===t?"43px":"27px",a?"var(--colorsUtilityYang100)":"var(--colorsActionMinor500)","large"===t?"43px":"27px",i&&e.css(['&[type="off"],&[type="on"]{margin:0;width:100%;box-sizing:border-box;padding:2px 8px;}&[type="off"]{','{background-color:var(--colorsSemanticNeutral500);}}&[type="on"]{',"{background-color:var(--colorsActionMinorYang100);}}","{{display:flex;justify-content:center;align-items:center;width:100%;height:100%;","{height:",";width:",";}}}"],r.default,r.default,o.default,r.default,"large"===t?"var(--sizing200)":"var(--sizing150)","large"===t?"var(--sizing200)":"var(--sizing150)"))));exports.default=t;