carbon-react 162.11.0 → 162.12.0-beta.1

package/lib/components/split-button/__internal__/split-button.context.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({inSplitButton:!1});exports.default=t;
+import t from"react";var e=t.createContext({inSplitButton:!1});export{e as default};

package/lib/components/split-button/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./split-button.component.js");exports.default=e.SplitButton;
+export{SplitButton as default}from"./split-button.component.js";

package/lib/components/split-button/split-button-toggle.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../button/__next__/button.style.js"),a=require("../icon/icon.style.js");function o(t){return t&&t.__esModule?t:{default:t}}const l={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},i=o(t).default(e.StyledButton).attrs((({isWhite:t})=>({$inverse:t}))).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v162_10_0__sc-431c5b6f-0"})(["",""],(({$displayed:e,$size:o,isWhite:i})=>t.css(["border-top-left-radius:var(--global-size-none);border-bottom-left-radius:var(--global-size-none);",' position:relative;&::before{content:"";width:var(--global-size-6-xs);height:calc(100% + var(--global-size-5-xs));background:var(--button-typical-primary-label-default);position:absolute;left:-2px;z-index:2;}width:',";min-height:",";height:100%;padding:var(--global-space-none);"],e?t.css(["&:not(:disabled){background-color:",";border-color:",";&,","{color:var(--button-typical-primary-label-active);}}"],i?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",i?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",a.default):"",l[o],l[o])));exports.default=i;
+import t,{css as o}from"styled-components";import{StyledButton as a}from"../button/__next__/button.style.js";import e from"../icon/icon.style.js";const i={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},l=t(a).attrs((({isWhite:t})=>({$inverse:t}))).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v162_12_0__sc-431c5b6f-0"})(["",""],(({$displayed:t,$size:a,isWhite:l})=>o(["border-top-left-radius:var(--global-size-none);border-bottom-left-radius:var(--global-size-none);",' position:relative;&::before{content:"";width:var(--global-size-6-xs);height:calc(100% + var(--global-size-5-xs));background:var(--button-typical-primary-label-default);position:absolute;left:-2px;z-index:2;}width:',";min-height:",";height:100%;padding:var(--global-space-none);"],t?o(["&:not(:disabled){background-color:",";border-color:",";&,","{color:var(--button-typical-primary-label-active);}}"],l?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",l?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",e):"",i[a],i[a])));export{l as default};

package/lib/components/split-button/split-button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../icon/icon.component.js");require("../icon/icon.style.js");var r=require("../button/__next__/button.component.js"),o=require("./split-button.style.js"),i=require("./split-button-toggle.style.js"),u=require("../../__internal__/popover-menu/popover-menu.component.js");require("../../__internal__/popover-menu/menu-item/menu-item.component.js"),require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js"),require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js"),require("../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js"),require("../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js"),require("../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js");var l=require("../../__internal__/utils/helpers/combine-refs/index.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),s=require("../../style/utils/filter-out-styled-system-spacing-props.js"),c=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),p=require("./__internal__/split-button.context.js"),d=require("../../hooks/__internal__/useLocale/useLocale.js"),m=require("../flat-table/__internal__/flat-table.context.js");function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}function _(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const y=t.forwardRef(((f,y)=>{var{align:j,position:v="right",buttonType:g="primary",children:O,disabled:h=!1,iconPosition:x="before",iconType:q,menuWidth:k,onClick:P,size:w="medium",subtext:S,text:C,"data-element":T,"data-role":B,"aria-label":W,isWhite:E}=f,M=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(f,["align","position","buttonType","children","disabled","iconPosition","iconType","menuWidth","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const R=d.default(),[L,z]=t.useState(!1),D=t.useRef(null),$=t.useRef(null),F=t.useRef(null),I=t.useRef(null),{isInFlatTable:A}=t.useContext(m.default),H="secondary"===g&&E;t.useImperativeHandle(y,(()=>({focusMainButton(){var e;null===(e=D.current)||void 0===e||e.focus()},focusToggleButton(){var e;null===(e=$.current)||void 0===e||e.focus()}})),[]);const G=t.useCallback((()=>{z(!1)}),[]),J=t.useCallback((()=>{z(!0)}),[]);t.useEffect((()=>{if(!A)return;const e=e=>{e.target instanceof HTMLElement&&"popup-backdrop"===e.target.dataset.role&&L&&G()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[G,A,L]);const K=()=>{L?G():J()},N=t.useCallback((e=>t=>{var n;null==e||e(t),G(),null===(n=$.current)||void 0===n||n.focus()}),[G]);c.default((()=>G()));const Q={inSplitButton:!0,onChildButtonClick:N};return e.jsxs(o.default,_(b({"data-component":"split-button","data-element":T,"data-role":B,ref:F},a.default(M)),{children:[A&&L&&e.jsx(o.StyledBackdrop,{"data-role":"popup-backdrop","data-testid":"popup-backdrop"}),e.jsx(r.Button,_(b({"data-element":"main-button",ref:D,size:w,iconType:q,disabled:h,variantType:g,iconPosition:x,onClick:e=>{null==P||P(e),L&&G()},isWhite:H},s.default(M)),{children:C})),e.jsx(p.default.Provider,{value:Q,children:e.jsx(o.StyledPopoverMenuWrapper,{ref:I,children:e.jsx(u.default,{open:L,onOpen:J,onClose:G,size:w,placement:"left"===v?"bottom-start":"bottom-end",isButtonMenu:!0,controlReference:F,matchReferenceWidth:!0,popoverStrategy:"fixed",width:k,popoverControl:(t,r)=>{const o=l.default(t,$);return e.jsx(i.default,_(b({},r),{"aria-label":W||R.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:o,disabled:h,$displayed:L,$size:w,$variant:"default",$variantType:g,onClick:K,isWhite:H,children:e.jsx(n.default,{type:"dropdown"})}))},children:O})})})]}))}));exports.SplitButton=y,exports.default=y;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as n,useState as o,useRef as r,useContext as i,useImperativeHandle as l,useCallback as a,useEffect as p}from"react";import m from"../icon/icon.component.js";import"../icon/icon.style.js";import{Button as s}from"../button/__next__/button.component.js";import u,{StyledBackdrop as c,StyledPopoverMenuWrapper as d}from"./split-button.style.js";import f from"./split-button-toggle.style.js";import b from"../../__internal__/popover-menu/popover-menu.component.js";import"../../__internal__/popover-menu/menu-item/menu-item.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js";import _ from"../../__internal__/utils/helpers/combine-refs/index.js";import"../../style/utils/filter-styled-system-padding-props.js";import y from"../../style/utils/filter-styled-system-margin-props.js";import j from"../../style/utils/filter-out-styled-system-spacing-props.js";import v from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import g from"./__internal__/split-button.context.js";import O from"../../hooks/__internal__/useLocale/useLocale.js";import h from"../flat-table/__internal__/flat-table.context.js";function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){P(e,t,n[t])}))}return e}function x(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const w=n(((n,P)=>{var{align:w,position:S="right",buttonType:T="primary",children:C,disabled:W=!1,iconPosition:B="before",iconType:E,menuWidth:L,onClick:z,size:M="medium",subtext:D,text:$,"data-element":F,"data-role":A,"aria-label":I,isWhite:R}=n,H=function(e,t){if(null==e)return{};var n,o,r=function(e,t){if(null==e)return{};var n,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(n,["align","position","buttonType","children","disabled","iconPosition","iconType","menuWidth","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const q=O(),[G,J]=o(!1),K=r(null),N=r(null),Q=r(null),U=r(null),{isInFlatTable:V}=i(h),X="secondary"===T&&R;l(P,(()=>({focusMainButton(){var e;null===(e=K.current)||void 0===e||e.focus()},focusToggleButton(){var e;null===(e=N.current)||void 0===e||e.focus()}})),[]);const Y=a((()=>{J(!1)}),[]),Z=a((()=>{J(!0)}),[]);p((()=>{if(!V)return;const e=e=>{e.target instanceof HTMLElement&&"popup-backdrop"===e.target.dataset.role&&G&&Y()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[Y,V,G]);const ee=()=>{G?Y():Z()},te=a((e=>t=>{var n;null==e||e(t),Y(),null===(n=N.current)||void 0===n||n.focus()}),[Y]);v((()=>Y()));const ne={inSplitButton:!0,onChildButtonClick:te};return e(u,x(k({"data-component":"split-button","data-element":F,"data-role":A,ref:Q},y(H)),{children:[V&&G&&t(c,{"data-role":"popup-backdrop","data-testid":"popup-backdrop"}),t(s,x(k({"data-element":"main-button",ref:K,size:M,iconType:E,disabled:W,variantType:T,iconPosition:B,onClick:e=>{null==z||z(e),G&&Y()},isWhite:X},j(H)),{children:$})),t(g.Provider,{value:ne,children:t(d,{ref:U,children:t(b,{open:G,onOpen:Z,onClose:Y,size:M,placement:"left"===S?"bottom-start":"bottom-end",isButtonMenu:!0,controlReference:Q,matchReferenceWidth:!0,popoverStrategy:"fixed",width:L,popoverControl:(e,n)=>{const o=_(e,N);return t(f,x(k({},n),{"aria-label":I||q.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:o,disabled:W,$displayed:G,$size:M,$variant:"default",$variantType:T,onClick:ee,isWhite:X,children:t(m,{type:"dropdown"})}))},children:C})})})]}))}));export{w as SplitButton,w as default};

package/lib/components/split-button/split-button.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../button/__next__/button.style.js"),r=require("../../style/themes/apply-base-theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const l=n.default.div.attrs(r.default).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v162_10_0__sc-c579ef15-0"})([""," display:inline-flex;align-items:stretch;position:relative;& > ",":first-of-type{border-top-right-radius:var(--global-size-none);border-bottom-right-radius:var(--global-size-none);}& > ","{margin:var(--global-space-none);&:focus{position:relative;z-index:1;}}"],t.margin,o.StyledButton,o.StyledButton),s=n.default.div.withConfig({displayName:"split-button.style__StyledPopoverMenuWrapper",componentId:"carbon_v162_10_0__sc-c579ef15-1"})(["display:flex;align-items:stretch;"]),a=n.default.div.withConfig({displayName:"split-button.style__StyledBackdrop",componentId:"carbon_v162_10_0__sc-c579ef15-2"})(["position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--carbon-zindex-small-overlay);background-color:transparent;"]);exports.StyledBackdrop=a,exports.StyledPopoverMenuWrapper=s,exports.default=l;
+import t from"styled-components";import{margin as o}from"styled-system";import{StyledButton as e}from"../button/__next__/button.style.js";import i from"../../style/themes/apply-base-theme.js";const n=t.div.attrs(i).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v162_12_0__sc-c579ef15-0"})([""," display:inline-flex;align-items:stretch;position:relative;& > ",":first-of-type{border-top-right-radius:var(--global-size-none);border-bottom-right-radius:var(--global-size-none);}& > ","{margin:var(--global-space-none);&:focus{position:relative;z-index:1;}}"],o,e,e),s=t.div.withConfig({displayName:"split-button.style__StyledPopoverMenuWrapper",componentId:"carbon_v162_12_0__sc-c579ef15-1"})(["display:flex;align-items:stretch;"]),r=t.div.withConfig({displayName:"split-button.style__StyledBackdrop",componentId:"carbon_v162_12_0__sc-c579ef15-2"})(["position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--carbon-zindex-small-overlay);background-color:transparent;"]);export{r as StyledBackdrop,s as StyledPopoverMenuWrapper,n as default};

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

@@ -1 +1 @@
-"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,o]=e.default({name:"StepFlowContext",errorMessage:"Carbon StepFlow: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{}});exports.StepFlowProvider=t,exports.useStepFlowContext=o;
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,o]=e({name:"StepFlowContext",errorMessage:"Carbon StepFlow: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{}});export{t as StepFlowProvider,o as useStepFlowContext};

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

@@ -1 +1 @@
-"use strict";var e=require("./step-flow.component.js"),t=require("./step-flow-title/step-flow-title.component.js");exports.StepFlow=e.StepFlow,exports.StepFlowTitle=t.StepFlowTitle;
+export{StepFlow}from"./step-flow.component.js";export{StepFlowTitle}from"./step-flow-title/step-flow-title.component.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../../typography/typography.component.js"),r=require("../../../hooks/__internal__/useLocale/useLocale.js"),a=require("../__internal__/step-flow.context.js");const l=({titleString:l,titleVariant:i,screenReaderOnlyTitle:n})=>{const s=r.default(),{titleRef:o,validatedCurrentStep:d,totalSteps:p,category:u,titleVariant:c}=a.useStepFlowContext();return e.jsx("div",{"data-role":"title-text-wrapper","data-element":"title-text-wrapper",tabIndex:-1,ref:o,children:e.jsxs(t.Typography,{variant:"h2",as:i||c||"h1","data-element":"title-text",children:[e.jsx("span",{"aria-hidden":"true",children:l}),d&&p&&e.jsx(t.Typography,{variant:"span","data-element":"visually-hidden-title-text","data-role":"visually-hidden-title-text",screenReaderOnly:!0,children:s.stepFlow.screenReaderOnlyTitle(n||l,d,p,u)})]})})};exports.StepFlowTitle=l,exports.default=l;
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import{Typography as r}from"../../typography/typography.component.js";import a from"../../../hooks/__internal__/useLocale/useLocale.js";import{useStepFlowContext as i}from"../__internal__/step-flow.context.js";const l=({titleString:l,titleVariant:n,screenReaderOnlyTitle:o})=>{const d=a(),{titleRef:p,validatedCurrentStep:s,totalSteps:c,category:m,titleVariant:h}=i();return t("div",{"data-role":"title-text-wrapper","data-element":"title-text-wrapper",tabIndex:-1,ref:p,children:e(r,{variant:"h2",as:n||h||"h1","data-element":"title-text",children:[t("span",{"aria-hidden":"true",children:l}),s&&c&&t(r,{variant:"span","data-element":"visually-hidden-title-text","data-role":"visually-hidden-title-text",screenReaderOnly:!0,children:d.stepFlow.screenReaderOnlyTitle(o||l,s,c,m)})]})})};export{l as StepFlowTitle,l as default};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./step-flow.style.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../__internal__/utils/logger/index.js"),n=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("./__internal__/step-flow.context.js"),s=require("./step-flow-title/step-flow-title.component.js"),i=require("../icon/icon.component.js");require("../icon/icon.style.js");var c=require("../button/__next__/button.component.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let p=!1,d=!1;const b=t.forwardRef(((b,f)=>{var y,g,{category:h,title:j,titleVariant:w="h1",totalSteps:O,currentStep:S,showProgressIndicator:m=!1,showCloseIcon:v=!1,onDismiss:_,"aria-label":P,"aria-labelledby":x,"aria-describedby":I}=b,q=function(e,t){if(null==e)return{};var r,o,a=function(e,t){if(null==e)return{};var r,o,a={},n=Object.keys(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(b,["category","title","titleVariant","totalSteps","currentStep","showProgressIndicator","showCloseIcon","onDismiss","aria-label","aria-labelledby","aria-describedby"]);const k=n.default(),F=t.useRef(null),C=Array.from({length:O},((e,t)=>t+1)),D=S>O?O:S;!p&&S>O&&(p=!0,a.default.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.")),d||f||(d=!0,a.default.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.")),t.useImperativeHandle(f,(()=>({focus(){var e;null===(e=F.current)||void 0===e||e.focus()}})),[]);const A=e.jsx(l.StepFlowProvider,{value:{validatedCurrentStep:D,totalSteps:O,titleVariant:w,category:h,titleRef:F},children:"string"==typeof j?e.jsx(s.StepFlowTitle,{titleString:j}):j}),L=e.jsx(c.Button,{"data-element":"close","aria-label":null===(y=(g=k.stepFlow).closeIconAriaLabel)||void 0===y?void 0:y.call(g),onClick:e=>null==_?void 0:_(e),variantType:"subtle",size:"small",children:e.jsx(i.default,{type:"close"})}),R=C.map((t=>e.jsx(r.StyledProgressIndicator,{"data-role":"progress-indicator","data-element":"progress-indicator",$isCompleted:t<D,$isInProgress:t===D},t)));return e.jsxs(r.StyledStepFlow,(N=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){u(e,t,r[t])}))}return e}({role:"group","aria-label":P,"aria-describedby":I,"aria-labelledby":x},q,o.default("step-flow",q)),E=null!=(E={children:[e.jsxs(r.StyledStepContent,{children:[h&&e.jsx("span",{"aria-hidden":"true",children:h}),A,e.jsx(r.StyledStepLabel,{"aria-hidden":"true",children:k.stepFlow.stepLabel(D,O)}),m&&e.jsx(r.StyledProgressIndicatorWrapper,{"data-element":"progress-indicator-bar","data-role":"progress-indicator-bar","aria-hidden":"true",children:R})]}),v?L:null]})?E:{},Object.getOwnPropertyDescriptors?Object.defineProperties(N,Object.getOwnPropertyDescriptors(E)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(E)).forEach((function(e){Object.defineProperty(N,e,Object.getOwnPropertyDescriptor(E,e))})),N));var N,E}));exports.StepFlow=b,exports.default=b;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useImperativeHandle as n}from"react";import{StyledProgressIndicator as a,StyledStepFlow as l,StyledStepContent as i,StyledStepLabel as s,StyledProgressIndicatorWrapper as c}from"./step-flow.style.js";import p from"../../__internal__/utils/helpers/tags/tags.js";import u from"../../__internal__/utils/logger/index.js";import d from"../../hooks/__internal__/useLocale/useLocale.js";import{StepFlowProvider as b}from"./__internal__/step-flow.context.js";import{StepFlowTitle as f}from"./step-flow-title/step-flow-title.component.js";import m from"../icon/icon.component.js";import"../icon/icon.style.js";import{Button as y}from"../button/__next__/button.component.js";function g(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let h=!1,O=!1;const j=r(((r,j)=>{var w,v,{category:S,title:_,titleVariant:P="h1",totalSteps:I,currentStep:k,showProgressIndicator:x=!1,showCloseIcon:D=!1,onDismiss:A,"aria-label":C,"aria-labelledby":L,"aria-describedby":N}=r,E=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}(r,["category","title","titleVariant","totalSteps","currentStep","showProgressIndicator","showCloseIcon","onDismiss","aria-label","aria-labelledby","aria-describedby"]);const F=d(),R=o(null),V=Array.from({length:I},((e,t)=>t+1)),G=k>I?I:k;!h&&k>I&&(h=!0,u.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.")),O||j||(O=!0,u.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.")),n(j,(()=>({focus(){var e;null===(e=R.current)||void 0===e||e.focus()}})),[]);const T=e(b,{value:{validatedCurrentStep:G,totalSteps:I,titleVariant:P,category:S,titleRef:R},children:"string"==typeof _?e(f,{titleString:_}):_}),W=e(y,{"data-element":"close","aria-label":null===(w=(v=F.stepFlow).closeIconAriaLabel)||void 0===w?void 0:w.call(v),onClick:e=>null==A?void 0:A(e),variantType:"subtle",size:"small",children:e(m,{type:"close"})}),$=V.map((t=>e(a,{"data-role":"progress-indicator","data-element":"progress-indicator",$isCompleted:t<G,$isInProgress:t===G},t)));return t(l,(z=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){g(e,t,r[t])}))}return e}({role:"group","aria-label":C,"aria-describedby":N,"aria-labelledby":L},E,p("step-flow",E)),q=null!=(q={children:[t(i,{children:[S&&e("span",{"aria-hidden":"true",children:S}),T,e(s,{"aria-hidden":"true",children:F.stepFlow.stepLabel(G,I)}),x&&e(c,{"data-element":"progress-indicator-bar","data-role":"progress-indicator-bar","aria-hidden":"true",children:$})]}),D?W:null]})?q:{},Object.getOwnPropertyDescriptors?Object.defineProperties(z,Object.getOwnPropertyDescriptors(q)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(q)).forEach((function(e){Object.defineProperty(z,e,Object.getOwnPropertyDescriptor(q,e))})),z));var z,q}));export{j as StepFlow,j as default};

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),o=require("styled-system");function s(e){return e&&e.__esModule?e:{default:e}}var t=s(e);const a=t.default.div.withConfig({displayName:"step-flow.style__StyledStepFlow",componentId:"carbon_v162_10_0__sc-dbef19ae-0"})(["display:flex;gap:var(--global-space-comp-l);align-items:flex-start;",""],o.margin),r=t.default.div.withConfig({displayName:"step-flow.style__StyledStepContent",componentId:"carbon_v162_10_0__sc-dbef19ae-1"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xs);flex:1 0 0;"]),l=t.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicatorWrapper",componentId:"carbon_v162_10_0__sc-dbef19ae-2"})(["display:flex;padding:var(--global-space-comp-xs) 0;gap:var(--global-space-comp-l);"]),d=t.default.span.withConfig({displayName:"step-flow.style__StyledStepLabel",componentId:"carbon_v162_10_0__sc-dbef19ae-3"})(["color:var(--progress-label-alt);font:var(--global-font-static-body-regular-l);"]),p=t.default.div.withConfig({displayName:"step-flow.style__StyledProgressIndicator",componentId:"carbon_v162_10_0__sc-dbef19ae-4"})(["",""],(({$isCompleted:o,$isInProgress:s})=>e.css(["width:100%;height:var(--global-size-4-xs);border-radius:var(--global-radius-container-xs);"," "," ",""],!o&&!s&&e.css(["background:var(--progress-stepflow-bg-default);box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--progress-stepflow-border-default);"]),s&&e.css(["background-color:var(--progress-stepflow-bg-active);outline:var(--global-borderwidth-s) solid var(--progress-stepindicator-border-active-outer);outline-offset:var(--global-borderwidth-s);"]),o&&e.css(["background-color:var(--progress-stepflow-bg-complete);"]))));exports.StyledProgressIndicator=p,exports.StyledProgressIndicatorWrapper=l,exports.StyledStepContent=r,exports.StyledStepFlow=a,exports.StyledStepLabel=d;
+import e,{css as o}from"styled-components";import{margin as a}from"styled-system";const l=e.div.withConfig({displayName:"step-flow.style__StyledStepFlow",componentId:"carbon_v162_12_0__sc-dbef19ae-0"})(["display:flex;gap:var(--global-space-comp-l);align-items:flex-start;",""],a),s=e.div.withConfig({displayName:"step-flow.style__StyledStepContent",componentId:"carbon_v162_12_0__sc-dbef19ae-1"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xs);flex:1 0 0;"]),r=e.div.withConfig({displayName:"step-flow.style__StyledProgressIndicatorWrapper",componentId:"carbon_v162_12_0__sc-dbef19ae-2"})(["display:flex;padding:var(--global-space-comp-xs) 0;gap:var(--global-space-comp-l);"]),t=e.span.withConfig({displayName:"step-flow.style__StyledStepLabel",componentId:"carbon_v162_12_0__sc-dbef19ae-3"})(["color:var(--progress-label-alt);font:var(--global-font-static-body-regular-l);"]),d=e.div.withConfig({displayName:"step-flow.style__StyledProgressIndicator",componentId:"carbon_v162_12_0__sc-dbef19ae-4"})(["",""],(({$isCompleted:e,$isInProgress:a})=>o(["width:100%;height:var(--global-size-4-xs);border-radius:var(--global-radius-container-xs);"," "," ",""],!e&&!a&&o(["background:var(--progress-stepflow-bg-default);box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--progress-stepflow-border-default);"]),a&&o(["background-color:var(--progress-stepflow-bg-active);outline:var(--global-borderwidth-s) solid var(--progress-stepindicator-border-active-outer);outline-offset:var(--global-borderwidth-s);"]),e&&o(["background-color:var(--progress-stepflow-bg-complete);"]))));export{d as StyledProgressIndicator,r as StyledProgressIndicatorWrapper,s as StyledStepContent,l as StyledStepFlow,t as StyledStepLabel};

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

@@ -1 +1 @@
-"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",size:"medium"}});exports.StepSequenceProvider=t,exports.useStepSequenceContext=r;
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,o]=e({name:"StepSequenceContext",errorMessage:"Carbon StepSequence: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{orientation:"horizontal",size:"medium"}});export{t as StepSequenceProvider,o as useStepSequenceContext};

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

@@ -1 +1 @@
-"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;
+export{StepSequence}from"./step-sequence.component.js";export{StepSequenceItem}from"./step-sequence-item/step-sequence-item.component.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./step-sequence-item.component.js");exports.default=e.StepSequenceItem;
+export{StepSequenceItem as default}from"./step-sequence-item.component.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./step-sequence-item.style.js"),n=require("../../icon/icon.component.js");require("../../icon/icon.style.js");var i=require("../../typography/typography.component.js"),o=require("../__internal__/step-sequence.context.js"),l=require("../../../__internal__/utils/helpers/tags/tags.js");function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=c=>{var{hideIndicator:a,indicator:p,status:u="incomplete",hiddenCompleteLabel:d,hiddenCurrentLabel:y,children:b,ariaLabel:j,"aria-label":f,title:O,description:m}=c,h=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(c,["hideIndicator","indicator","status","hiddenCompleteLabel","hiddenCurrentLabel","children","ariaLabel","aria-label","title","description"]);const g=t.useRef(null),{orientation:S,size:x}=o.useStepSequenceContext(),$="small"===x?"medium":"large";return e.jsxs(r.StyledStepSequenceItem,(q=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){s(e,t,r[t])}))}return e}({$orientation:S,$size:x,"aria-label":f||j,ref:g},h,l.default("step-sequence-item",h)),P=null!=(P={className:"step-sequence-item",children:[d&&"complete"===u?e.jsx(i.Typography,{screenReaderOnly:!0,children:d}):y&&"current"===u?e.jsx(i.Typography,{screenReaderOnly:!0,children:y}):null,e.jsxs(r.StyledIndicatorWrapper,{$orientation:S,children:["horizontal"===S&&e.jsx(r.StepLine,{className:"line-before",$orientation:S,$isGreen:"incomplete"!==u,$roundedSide:"right"}),e.jsx(r.StyledIndicator,{className:"step-indicator",$size:x,$status:u,children:"complete"===u?e.jsx(n.default,{type:"tick_circle",size:$}):p}),e.jsx(r.StepLine,{className:"line-after",$orientation:S,$isGreen:"complete"===u,$size:x,$roundedSide:"left"})]}),e.jsxs(r.StyledTitleWrapper,{$size:x,$orientation:S,children:[e.jsx(r.StyledTitle,{$size:x,children:O||b}),m&&e.jsx(r.StyledDescription,{$size:x,children:m})]})]})?P:{},Object.getOwnPropertyDescriptors?Object.defineProperties(q,Object.getOwnPropertyDescriptors(P)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(P)).forEach((function(e){Object.defineProperty(q,e,Object.getOwnPropertyDescriptor(P,e))})),q));var q,P};exports.StepSequenceItem=c,exports.default=c;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r}from"react";import{StyledStepSequenceItem as n,StyledIndicatorWrapper as i,StepLine as o,StyledIndicator as c,StyledTitleWrapper as l,StyledTitle as a,StyledDescription as s}from"./step-sequence-item.style.js";import p from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{Typography as u}from"../../typography/typography.component.js";import{useStepSequenceContext as m}from"../__internal__/step-sequence.context.js";import d from"../../../__internal__/utils/helpers/tags/tags.js";function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f=f=>{var{hideIndicator:y,indicator:O,status:h="incomplete",hiddenCompleteLabel:j,hiddenCurrentLabel:g,children:$,ariaLabel:P,"aria-label":w,title:v,description:z}=f,_=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(f,["hideIndicator","indicator","status","hiddenCompleteLabel","hiddenCurrentLabel","children","ariaLabel","aria-label","title","description"]);const S=r(null),{orientation:L,size:x}=m(),k="small"===x?"medium":"large";return e(n,(q=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){b(e,t,r[t])}))}return e}({$orientation:L,$size:x,"aria-label":w||P,ref:S},_,d("step-sequence-item",_)),C=null!=(C={className:"step-sequence-item",children:[j&&"complete"===h?t(u,{screenReaderOnly:!0,children:j}):g&&"current"===h?t(u,{screenReaderOnly:!0,children:g}):null,e(i,{$orientation:L,children:["horizontal"===L&&t(o,{className:"line-before",$orientation:L,$isGreen:"incomplete"!==h,$roundedSide:"right"}),t(c,{className:"step-indicator",$size:x,$status:h,children:"complete"===h?t(p,{type:"tick_circle",size:k}):O}),t(o,{className:"line-after",$orientation:L,$isGreen:"complete"===h,$size:x,$roundedSide:"left"})]}),e(l,{$size:x,$orientation:L,children:[t(a,{$size:x,children:v||$}),z&&t(s,{$size:x,children:z})]})]})?C:{},Object.getOwnPropertyDescriptors?Object.defineProperties(q,Object.getOwnPropertyDescriptors(C)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(C)).forEach((function(e){Object.defineProperty(q,e,Object.getOwnPropertyDescriptor(C,e))})),q));var q,C};export{f as StepSequenceItem,f as default};

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}var a=t(e);const i={small:{indicatorFont:"var(--global-font-static-comp-medium-m)",indicatorSize:"var(--global-size-xs)",indicatorBorderWidth:"var(--global-borderwidth-s)",itemGap:"var(--global-space-comp-m)",itemMinWidth:"var(--global-size-xl)",labelFont:"var(--global-font-static-subheading-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",labelWrapperPadding:"var(--global-space-comp-xs)"},medium:{indicatorFont:"var(--global-font-static-comp-medium-l)",indicatorSize:"var(--global-size-s)",indicatorBorderWidth:"var(--global-borderwidth-m)",itemGap:"var(--global-space-comp-l)",itemMinWidth:"var(--global-size-2-xl)",labelFont:"var(--global-font-static-subheading-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",labelWrapperPadding:"var(--global-space-comp-s)"}},o=a.default.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"carbon_v162_10_0__sc-a1e387ab-0"})(["",""],(({$size:t,$orientation:a})=>e.css(["display:flex;list-style-type:none;max-width:720px;gap:",";"," ",""],i[t].itemGap,"horizontal"===a&&e.css(["flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:center;min-width:",";"],i[t].itemMinWidth),"vertical"===a&&e.css(["box-sizing:border-box;min-height:72px;padding:var(--global-space-comp-s) 0 var(--global-space-comp-l) 0;"])))),r=a.default.span.withConfig({displayName:"step-sequence-item.style__StyledIndicator",componentId:"carbon_v162_10_0__sc-a1e387ab-1"})(["",""],(({$status:t,$size:a})=>e.css(["display:flex;position:relative;justify-content:center;align-items:center;border-radius:var(--global-radius-container-circle);font:",";min-height:",";min-width:",";"," "," ",""],i[a].indicatorFont,i[a].indicatorSize,i[a].indicatorSize,"incomplete"===t&&e.css(["color:var(--progress-stepindicator-label-default);box-shadow:inset 0 0 0 "," var(--progress-stepindicator-border-default);"],i[a].indicatorBorderWidth),"current"===t&&e.css(["color:var(--progress-stepindicator-label-active);background-color:var(--progress-stepindicator-bg-active);outline:"," solid var(--progress-stepindicator-border-active-outer);outline-offset:",";"],i[a].indicatorBorderWidth,i[a].indicatorBorderWidth),"complete"===t&&e.css(["color:var(--progress-stepindicator-bg-complete);"])))),s=a.default.div.withConfig({displayName:"step-sequence-item.style__StyledIndicatorWrapper",componentId:"carbon_v162_10_0__sc-a1e387ab-2"})(["",""],(({$orientation:t})=>e.css(["display:grid;"," ",""],"horizontal"===t&&e.css(["width:100%;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;grid-column-gap:var(--global-space-comp-s);"]),"vertical"===t&&e.css(["position:relative;height:inherit;justify-content:center;grid-template-columns:auto;grid-template-rows:auto 1fr;"])))),l=a.default.div.withConfig({displayName:"step-sequence-item.style__StepLine",componentId:"carbon_v162_10_0__sc-a1e387ab-3"})(["",""],(({$orientation:t,$isGreen:a,$size:o,$roundedSide:r})=>e.css(["background-color:var(--progress-stepindicator-border-default);"," "," "," .step-sequence-item:last-child &.line-after{background-color:transparent;}"],a&&e.css(["background-color:var(--progress-stepindicator-border-success);"]),"horizontal"===t&&e.css(["height:2px;"," .step-sequence-item:first-child &.line-before{background-color:transparent;}"],r&&e.css(["",":var(--global-radius-action-2-xs);",":var(--global-radius-action-2-xs);"],`border-top-${r}-radius`,`border-bottom-${r}-radius`)),"vertical"===t&&o&&e.css(["position:absolute;border-radius:var(--global-radius-action-2-xs);width:2px;height:calc( 100% - "," - var(--global-space-comp-s) + var(--global-space-comp-l) );top:calc("," + var(--global-space-comp-s));left:calc(("," / 2) - 1px);"],i[o].indicatorSize,i[o].indicatorSize,i[o].indicatorSize)))),n=a.default.span.withConfig({displayName:"step-sequence-item.style__StyledTitle",componentId:"carbon_v162_10_0__sc-a1e387ab-4"})(["",""],(({$size:t})=>e.css(["color:var(--progress-label-default);font:",";"],i[t].labelFont))),c=a.default.span.withConfig({displayName:"step-sequence-item.style__StyledDescription",componentId:"carbon_v162_10_0__sc-a1e387ab-5"})(["",""],(({$size:t})=>e.css(["color:var(--progress-label-alt);font:",";"],i[t].descriptionFont))),d=a.default.div.withConfig({displayName:"step-sequence-item.style__StyledTitleWrapper",componentId:"carbon_v162_10_0__sc-a1e387ab-6"})(["",""],(({$size:t,$orientation:a})=>e.css(["box-sizing:border-box;display:flex;flex-direction:column;"," ",""],"horizontal"===a&&e.css(["width:100%;text-align:center;padding:0px ",";"],i[t].labelWrapperPadding),"vertical"===a&&e.css(["padding-top:var(--global-space-comp-2-xs);"]))));exports.StepLine=l,exports.StyledDescription=c,exports.StyledIndicator=r,exports.StyledIndicatorWrapper=s,exports.StyledStepSequenceItem=o,exports.StyledTitle=n,exports.StyledTitleWrapper=d;
+import e,{css as t}from"styled-components";const i={small:{indicatorFont:"var(--global-font-static-comp-medium-m)",indicatorSize:"var(--global-size-xs)",indicatorBorderWidth:"var(--global-borderwidth-s)",itemGap:"var(--global-space-comp-m)",itemMinWidth:"var(--global-size-xl)",labelFont:"var(--global-font-static-subheading-m)",descriptionFont:"var(--global-font-static-comp-regular-m)",labelWrapperPadding:"var(--global-space-comp-xs)"},medium:{indicatorFont:"var(--global-font-static-comp-medium-l)",indicatorSize:"var(--global-size-s)",indicatorBorderWidth:"var(--global-borderwidth-m)",itemGap:"var(--global-space-comp-l)",itemMinWidth:"var(--global-size-2-xl)",labelFont:"var(--global-font-static-subheading-l)",descriptionFont:"var(--global-font-static-comp-regular-l)",labelWrapperPadding:"var(--global-space-comp-s)"}},a=e.li.withConfig({displayName:"step-sequence-item.style__StyledStepSequenceItem",componentId:"carbon_v162_12_0__sc-a1e387ab-0"})(["",""],(({$size:e,$orientation:a})=>t(["display:flex;list-style-type:none;max-width:720px;gap:",";"," ",""],i[e].itemGap,"horizontal"===a&&t(["flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:center;min-width:",";"],i[e].itemMinWidth),"vertical"===a&&t(["box-sizing:border-box;min-height:72px;padding:var(--global-space-comp-s) 0 var(--global-space-comp-l) 0;"])))),o=e.span.withConfig({displayName:"step-sequence-item.style__StyledIndicator",componentId:"carbon_v162_12_0__sc-a1e387ab-1"})(["",""],(({$status:e,$size:a})=>t(["display:flex;position:relative;justify-content:center;align-items:center;border-radius:var(--global-radius-container-circle);font:",";min-height:",";min-width:",";"," "," ",""],i[a].indicatorFont,i[a].indicatorSize,i[a].indicatorSize,"incomplete"===e&&t(["color:var(--progress-stepindicator-label-default);box-shadow:inset 0 0 0 "," var(--progress-stepindicator-border-default);"],i[a].indicatorBorderWidth),"current"===e&&t(["color:var(--progress-stepindicator-label-active);background-color:var(--progress-stepindicator-bg-active);outline:"," solid var(--progress-stepindicator-border-active-outer);outline-offset:",";"],i[a].indicatorBorderWidth,i[a].indicatorBorderWidth),"complete"===e&&t(["color:var(--progress-stepindicator-bg-complete);"])))),r=e.div.withConfig({displayName:"step-sequence-item.style__StyledIndicatorWrapper",componentId:"carbon_v162_12_0__sc-a1e387ab-2"})(["",""],(({$orientation:e})=>t(["display:grid;"," ",""],"horizontal"===e&&t(["width:100%;align-items:center;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;grid-column-gap:var(--global-space-comp-s);"]),"vertical"===e&&t(["position:relative;height:inherit;justify-content:center;grid-template-columns:auto;grid-template-rows:auto 1fr;"])))),l=e.div.withConfig({displayName:"step-sequence-item.style__StepLine",componentId:"carbon_v162_12_0__sc-a1e387ab-3"})(["",""],(({$orientation:e,$isGreen:a,$size:o,$roundedSide:r})=>t(["background-color:var(--progress-stepindicator-border-default);"," "," "," .step-sequence-item:last-child &.line-after{background-color:transparent;}"],a&&t(["background-color:var(--progress-stepindicator-border-success);"]),"horizontal"===e&&t(["height:2px;"," .step-sequence-item:first-child &.line-before{background-color:transparent;}"],r&&t(["",":var(--global-radius-action-2-xs);",":var(--global-radius-action-2-xs);"],`border-top-${r}-radius`,`border-bottom-${r}-radius`)),"vertical"===e&&o&&t(["position:absolute;border-radius:var(--global-radius-action-2-xs);width:2px;height:calc( 100% - "," - var(--global-space-comp-s) + var(--global-space-comp-l) );top:calc("," + var(--global-space-comp-s));left:calc(("," / 2) - 1px);"],i[o].indicatorSize,i[o].indicatorSize,i[o].indicatorSize)))),n=e.span.withConfig({displayName:"step-sequence-item.style__StyledTitle",componentId:"carbon_v162_12_0__sc-a1e387ab-4"})(["",""],(({$size:e})=>t(["color:var(--progress-label-default);font:",";"],i[e].labelFont))),s=e.span.withConfig({displayName:"step-sequence-item.style__StyledDescription",componentId:"carbon_v162_12_0__sc-a1e387ab-5"})(["",""],(({$size:e})=>t(["color:var(--progress-label-alt);font:",";"],i[e].descriptionFont))),c=e.div.withConfig({displayName:"step-sequence-item.style__StyledTitleWrapper",componentId:"carbon_v162_12_0__sc-a1e387ab-6"})(["",""],(({$size:e,$orientation:a})=>t(["box-sizing:border-box;display:flex;flex-direction:column;"," ",""],"horizontal"===a&&t(["width:100%;text-align:center;padding:0px ",";"],i[e].labelWrapperPadding),"vertical"===a&&t(["padding-top:var(--global-space-comp-2-xs);"]))));export{l as StepLine,s as StyledDescription,o as StyledIndicator,r as StyledIndicatorWrapper,a as StyledStepSequenceItem,n as StyledTitle,c as StyledTitleWrapper};

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

@@ -1 +1 @@
-"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 i=i=>{var c,u,{children:s,orientation:l="horizontal",size:a="medium"}=i,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(i,["children","orientation","size"]);return e.jsx(t.default,(c=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:l},p,r.default("step-sequence",p)),u=null!=(u={children:e.jsx(n.StepSequenceProvider,{value:{orientation:l,size:a},children:s})})?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,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(c,e,Object.getOwnPropertyDescriptor(u,e))})),c))};exports.StepSequence=i,exports.default=i;
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../__internal__/utils/helpers/tags/tags.js";import r from"./step-sequence.style.js";import{StepSequenceProvider as n}from"./__internal__/step-sequence.context.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var c,l,{children:s,orientation:u="horizontal",size:p="medium"}=i,a=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(i,["children","orientation","size"]);return e(r,(c=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){o(e,t,r[t])}))}return e}({$orientation:u},a,t("step-sequence",a)),l=null!=(l={children:e(n,{value:{orientation:u,size:p},children:s})})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(l,e))})),c))};export{i as StepSequence,i as default};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const l=a(e).default.ol.attrs(s.default).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"carbon_v162_10_0__sc-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:t})=>"vertical"===t&&e.css(["flex-direction:column;height:100%;"])),t.space);exports.default=l;
+import e,{css as t}from"styled-components";import{space as s}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const a=e.ol.attrs(o).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"carbon_v162_12_0__sc-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:e})=>"vertical"===e&&t(["flex-direction:column;height:100%;"])),s);export{a as default};

package/lib/components/switch/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./switch.component.js");exports.default=e.Switch;
+export{Switch as default}from"./switch.component.js";

package/lib/components/switch/switch.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/guid/index.js");require("../../style/utils/filter-styled-system-padding-props.js");var i=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../hooks/useMediaQuery/useMediaQuery.js"),a=require("../loader/__next__/loader.component.js"),o=require("./switch.style.js"),s=require("../../__internal__/legacy-hint-text/hint-text.component.js");function c(e){return e&&e.__esModule?e:{default:e}}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u=c(t).default.forwardRef(((c,u)=>{var{checked:p,onChange:b,onBlur:h,onFocus:f,autoFocus:w,id:g,name:y,value:j,label:S,disabled:m,loading:x,processingLabel:O,processingLabelBelowSwitch:$=!1,size:v="small",labelInline:k=!1,labelSpacing:P,labelWidth:_,"data-element":L,"data-role":q,inputHint:T,required:H,labelHelp:z,fieldHelp:I,isDarkBackground:B,reverse:F,error:D,warning:M,info:R,validationOnLabel:C,fieldHelpInline:W,tooltipPosition:E,helpAriaLabel:A,validationMessagePositionTop:Q}=c,N=function(e,t){if(null==e)return{};var r,i,l=function(e,t){if(null==e)return{};var r,i,l={},n=Object.keys(e);for(i=0;i<n.length;i++)r=n[i],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)r=n[i],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(c,["checked","onChange","onBlur","onFocus","autoFocus","id","name","value","label","disabled","loading","processingLabel","processingLabelBelowSwitch","size","labelInline","labelSpacing","labelWidth","data-element","data-role","inputHint","required","labelHelp","fieldHelp","isDarkBackground","reverse","error","warning","info","validationOnLabel","fieldHelpInline","tooltipPosition","helpAriaLabel","validationMessagePositionTop"]);const G=n.default("(prefers-reduced-motion: reduce)"),J=l.default(),K=J.switch.on(),U=J.switch.off(),V=null!=O?O:J.switch.processingLabel(),X=t.useRef(r.default()),Y=g||X.current,Z=t.useRef(`${r.default()}-label`),ee=t.useRef(`${r.default()}-hint`),te=null!=T?T:z,re=i.default(N);return e.jsxs(o.StyledSwitch,(ie=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},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(t){d(e,t,r[t])}))}return e}({"data-component":"switch","data-element":L,"data-role":q,$labelInline:k},re),le=null!=(le={children:[(S||te)&&e.jsxs(o.StyledSwitchLabelWrapper,{"data-role":"switch-label-wrapper",$labelInline:k,$labelWidth:k?_:void 0,children:[S&&e.jsx(o.StyledSwitchLabel,{htmlFor:Y,$disabled:m,$inputHint:!!te,$labelInline:k,$labelSpacing:k?P:void 0,$required:H,$size:v,id:Z.current,children:S}),te&&e.jsx(s.HintText,{"data-element":"input-hint",id:ee.current,isLarge:"large"===v,marginTop:"2px",children:te})]}),e.jsxs(o.StyledSwitchRow,{$size:v,$processingLabelBelowSwitch:x&&$,children:[e.jsxs(o.StyledSwitchTrack,{"data-role":"switch-track",$checked:p,$disabled:m,$size:v,$loading:x,$disableTransitions:!!G,onClick:e=>{if(m||x)return;const t=e.currentTarget.querySelector("input");t&&e.target!==t&&t.click()},children:[e.jsx(o.StyledSwitchInput,{ref:u,type:"checkbox",role:"switch",id:Y,name:y,value:j,checked:p,disabled:m||x,autoFocus:w,"aria-checked":p,onChange:b,onBlur:h,onFocus:f,"aria-describedby":te?ee.current:void 0,required:H}),x?e.jsx(o.StyledSwitchLoaderWrapper,{"data-role":"switch-loader-wrapper",$checked:p,$size:v,$disableTransitions:!!G,children:e.jsx(a.Loader,{"data-role":"switch-loader",loaderType:"ring",size:"large"===v?"small":"extra-small",showLabel:!1,inverse:p})}):e.jsx(o.StyledSwitchThumb,{"data-role":"switch-thumb",$checked:p,$disabled:m,$size:v,$disableTransitions:!!G})]}),x?e.jsx(o.StyledSwitchProcessingRow,{$below:$,"data-role":"switch-processing-row",children:e.jsx(o.StyledSwitchProcessingText,{$size:v,children:V})}):e.jsx(o.StyledSwitchStateText,{"aria-hidden":!0,$disabled:m,$size:v,children:p?K:U})]}),I&&e.jsx(s.HintText,{marginTop:"8px","data-element":"field-help",isLarge:"large"===v,children:I})]})?le:{},Object.getOwnPropertyDescriptors?Object.defineProperties(ie,Object.getOwnPropertyDescriptors(le)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(le)).forEach((function(e){Object.defineProperty(ie,e,Object.getOwnPropertyDescriptor(le,e))})),ie));var ie,le}));u.displayName="Switch",exports.Switch=u,exports.SwitchComponent=u,exports.default=u;
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import i,{useRef as t}from"react";import l from"../../__internal__/utils/helpers/guid/index.js";import"../../style/utils/filter-styled-system-padding-props.js";import n from"../../style/utils/filter-styled-system-margin-props.js";import a from"../../hooks/__internal__/useLocale/useLocale.js";import o from"../../hooks/useMediaQuery/useMediaQuery.js";import{Loader as s}from"../loader/__next__/loader.component.js";import{StyledSwitch as c,StyledSwitchLabelWrapper as d,StyledSwitchLabel as p,StyledSwitchRow as u,StyledSwitchTrack as b,StyledSwitchInput as h,StyledSwitchLoaderWrapper as f,StyledSwitchThumb as m,StyledSwitchProcessingRow as g,StyledSwitchProcessingText as y,StyledSwitchStateText as w}from"./switch.style.js";import{HintText as O}from"../../__internal__/legacy-hint-text/hint-text.component.js";function $(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}const j=i.forwardRef(((i,j)=>{var{checked:v,onChange:k,onBlur:P,onFocus:_,autoFocus:L,id:S,name:x,value:z,label:H,disabled:T,loading:B,processingLabel:I,processingLabelBelowSwitch:F=!1,size:D="small",labelInline:q=!1,labelSpacing:C,labelWidth:M,"data-element":E,"data-role":W,inputHint:A,required:Q,labelHelp:N,fieldHelp:R,isDarkBackground:G,reverse:J,error:K,warning:U,info:V,validationOnLabel:X,fieldHelpInline:Y,tooltipPosition:Z,helpAriaLabel:ee,validationMessagePositionTop:re}=i,ie=function(e,r){if(null==e)return{};var i,t,l=function(e,r){if(null==e)return{};var i,t,l={},n=Object.keys(e);for(t=0;t<n.length;t++)i=n[t],r.indexOf(i)>=0||(l[i]=e[i]);return l}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)i=n[t],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(l[i]=e[i])}return l}(i,["checked","onChange","onBlur","onFocus","autoFocus","id","name","value","label","disabled","loading","processingLabel","processingLabelBelowSwitch","size","labelInline","labelSpacing","labelWidth","data-element","data-role","inputHint","required","labelHelp","fieldHelp","isDarkBackground","reverse","error","warning","info","validationOnLabel","fieldHelpInline","tooltipPosition","helpAriaLabel","validationMessagePositionTop"]);const te=o("(prefers-reduced-motion: reduce)"),le=a(),ne=le.switch.on(),ae=le.switch.off(),oe=null!=I?I:le.switch.processingLabel(),se=t(l()),ce=S||se.current,de=t(`${l()}-label`),pe=t(`${l()}-hint`),ue=null!=A?A:N,be=n(ie);return e(c,(he=function(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{},t=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(i).filter((function(e){return Object.getOwnPropertyDescriptor(i,e).enumerable})))),t.forEach((function(r){$(e,r,i[r])}))}return e}({"data-component":"switch","data-element":E,"data-role":W,$labelInline:q},be),fe=null!=(fe={children:[(H||ue)&&e(d,{"data-role":"switch-label-wrapper",$labelInline:q,$labelWidth:q?M:void 0,children:[H&&r(p,{htmlFor:ce,$disabled:T,$inputHint:!!ue,$labelInline:q,$labelSpacing:q?C:void 0,$required:Q,$size:D,id:de.current,children:H}),ue&&r(O,{"data-element":"input-hint",id:pe.current,isLarge:"large"===D,marginTop:"2px",children:ue})]}),e(u,{$size:D,$processingLabelBelowSwitch:B&&F,children:[e(b,{"data-role":"switch-track",$checked:v,$disabled:T,$size:D,$loading:B,$disableTransitions:!!te,onClick:e=>{if(T||B)return;const r=e.currentTarget.querySelector("input");r&&e.target!==r&&r.click()},children:[r(h,{ref:j,type:"checkbox",role:"switch",id:ce,name:x,value:z,checked:v,disabled:T||B,autoFocus:L,"aria-checked":v,onChange:k,onBlur:P,onFocus:_,"aria-describedby":ue?pe.current:void 0,required:Q}),B?r(f,{"data-role":"switch-loader-wrapper",$checked:v,$size:D,$disableTransitions:!!te,children:r(s,{"data-role":"switch-loader",loaderType:"ring",size:"large"===D?"small":"extra-small",showLabel:!1,inverse:v})}):r(m,{"data-role":"switch-thumb",$checked:v,$disabled:T,$size:D,$disableTransitions:!!te})]}),B?r(g,{$below:F,"data-role":"switch-processing-row",children:r(y,{$size:D,children:oe})}):r(w,{"aria-hidden":!0,$disabled:T,$size:D,children:v?ne:ae})]}),R&&r(O,{marginTop:"8px","data-element":"field-help",isLarge:"large"===D,children:R})]})?fe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(he,Object.getOwnPropertyDescriptors(fe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object(fe)).forEach((function(e){Object.defineProperty(he,e,Object.getOwnPropertyDescriptor(fe,e))})),he));var he,fe}));j.displayName="Switch";export{j as Switch,j as SwitchComponent,j as default};

package/lib/components/switch/switch.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system"),a=require("../../style/utils/add-focus-styling.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(e);const o=s.default.div.attrs(i.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"carbon_v162_10_0__sc-f7e060fe-0"})([""," display:",";flex-direction:",";"],t.margin,(({$labelInline:e})=>e?"flex":"inline-flex"),(({$labelInline:e})=>e?"row":"column")),r=s.default.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"carbon_v162_10_0__sc-f7e060fe-1"})(["",""],(({$labelInline:t,$labelWidth:a})=>e.css(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],t&&a&&e.css(["width:","%;"],a)))),c=s.default.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"carbon_v162_10_0__sc-f7e060fe-2"})(["",""],(({$disabled:t,$inputHint:a,$labelInline:i,$labelSpacing:l,$required:s,$size:o})=>e.css(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],t?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===o?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",s&&e.css(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===o?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!a&&e.css(["margin-bottom:var(--global-space-comp-s);"]),i&&e.css(["margin-bottom:0;"]),(i||a)&&e.css(["margin-right:",";"],l?8*l+"px":"var(--global-space-comp-s)")))),n=s.default.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"carbon_v162_10_0__sc-f7e060fe-3"})(["",""],(({$size:t,$processingLabelBelowSwitch:a})=>e.css(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],a?"column":"row",a?"flex-start":"center","large"===t&&e.css(["margin-top:var(--global-space-comp-xs);"])))),d=s.default.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"carbon_v162_10_0__sc-f7e060fe-4"})(["",""],(({$checked:t,$disabled:i,$size:l,$loading:s,$disableTransitions:o})=>e.css(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===l?"var(--global-size-3-xl)":"var(--global-size-m)","large"===l?"var(--global-size-m)":"var(--global-size-xs)",o?"none":"background-color 0.2s ease, border-color 0.2s ease",i?"not-allowed":"pointer",i?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",t&&!i&&e.css(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),i&&t&&e.css(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),s&&e.css(["&::after{display:none;}"]),a.default()))),p=s.default.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"carbon_v162_10_0__sc-f7e060fe-5"})(["",""],(({$checked:t,$disabled:a,$size:i,$disableTransitions:l})=>e.css(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===i?"4px":"3px","large"===i?"28px":"var(--global-size-3-xs)","large"===i?"28px":"var(--global-size-3-xs)",a?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",l?"none":"transform 0.2s ease, background-color 0.2s ease",t?"large"===i?"translateX(32px)":"translateX(15px)":"translateX(0)",t&&!a&&e.css(["background-color:var(--input-switch-fg-active);"]),t&&a&&e.css(["background-color:var(--input-switch-fg-activate-disabled);"])))),b=s.default.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"carbon_v162_10_0__sc-f7e060fe-6"})(["",""],(({$disabled:t,$size:a})=>e.css(["color:",";font:",";"],t?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===a?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),f=s.default.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"carbon_v162_10_0__sc-f7e060fe-7"})(["",""],(({$below:t})=>e.css(["display:flex;align-items:",";flex-direction:",";gap:",";"],t?"flex-start":"center",t?"column":"row",t?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),g=s.default.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"carbon_v162_10_0__sc-f7e060fe-8"})(["",""],(({$size:t})=>e.css(["color:var(--input-switch-label-default);font:",";"],"large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),m=s.default.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"carbon_v162_10_0__sc-f7e060fe-9"})(["",""],(({$checked:t,$size:a,$disableTransitions:i})=>e.css(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],i?"none":"transform 0.2s ease",t?"large"===a?"translateX(32px)":"translateX(15px)":"translateX(0)"))),u=s.default.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"carbon_v162_10_0__sc-f7e060fe-10"})(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:2;-webkit-appearance:none;appearance:none;"]);exports.StyledSwitch=o,exports.StyledSwitchInput=u,exports.StyledSwitchLabel=c,exports.StyledSwitchLabelWrapper=r,exports.StyledSwitchLoaderWrapper=m,exports.StyledSwitchProcessingRow=f,exports.StyledSwitchProcessingText=g,exports.StyledSwitchRow=n,exports.StyledSwitchStateText=b,exports.StyledSwitchThumb=p,exports.StyledSwitchTrack=d;
+import e,{css as a}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import l from"../../style/themes/apply-base-theme.js";const o=e.div.attrs(l).withConfig({displayName:"switch.style__StyledSwitch",componentId:"carbon_v162_12_0__sc-f7e060fe-0"})([""," display:",";flex-direction:",";"],t,(({$labelInline:e})=>e?"flex":"inline-flex"),(({$labelInline:e})=>e?"row":"column")),r=e.div.withConfig({displayName:"switch.style__StyledSwitchLabelWrapper",componentId:"carbon_v162_12_0__sc-f7e060fe-1"})(["",""],(({$labelInline:e,$labelWidth:t})=>a(["display:flex;flex-direction:column;margin-right:var(--global-space-comp-s);",""],e&&t&&a(["width:","%;"],t)))),s=e.label.withConfig({displayName:"switch.style__StyledSwitchLabel",componentId:"carbon_v162_12_0__sc-f7e060fe-2"})(["",""],(({$disabled:e,$inputHint:t,$labelInline:i,$labelSpacing:l,$required:o,$size:r})=>a(["display:flex;color:",";font:",";cursor:pointer;"," "," "," ",""],e?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)","large"===r?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)",o&&a(['::after{content:"*";color:var(--input-labelset-label-required);font:',";margin-left:var(--global-space-comp-xs);}"],"large"===r?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"),!t&&a(["margin-bottom:var(--global-space-comp-s);"]),i&&a(["margin-bottom:0;"]),(i||t)&&a(["margin-right:",";"],l?8*l+"px":"var(--global-space-comp-s)")))),n=e.div.withConfig({displayName:"switch.style__StyledSwitchRow",componentId:"carbon_v162_12_0__sc-f7e060fe-3"})(["",""],(({$size:e,$processingLabelBelowSwitch:t})=>a(["display:flex;flex-direction:",";align-items:",";gap:var(--global-space-comp-s);",""],t?"column":"row",t?"flex-start":"center","large"===e&&a(["margin-top:var(--global-space-comp-xs);"])))),c=e.div.withConfig({displayName:"switch.style__StyledSwitchTrack",componentId:"carbon_v162_12_0__sc-f7e060fe-4"})(["",""],(({$checked:e,$disabled:t,$size:l,$loading:o,$disableTransitions:r})=>a(["position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:",";height:",";border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-default);box-sizing:border-box;transition:",";cursor:",";background-color:transparent;border-color:",";"," "," "," &:focus-within{","}"],"large"===l?"var(--global-size-3-xl)":"var(--global-size-m)","large"===l?"var(--global-size-m)":"var(--global-size-xs)",r?"none":"background-color 0.2s ease, border-color 0.2s ease",t?"not-allowed":"pointer",t?"var(--input-switch-border-disabled)":"var(--input-switch-border-default)",e&&!t&&a(["border-radius:var(--global-radius-container-circle,999px);border:var(--global-borderwidth-s) solid var(--input-switch-border-active);background:var(--input-switch-bg-active);"]),t&&e&&a(["background-color:var(--input-switch-bg-activate-disabled);border-color:transparent;"]),o&&a(["&::after{display:none;}"]),i()))),d=e.span.withConfig({displayName:"switch.style__StyledSwitchThumb",componentId:"carbon_v162_12_0__sc-f7e060fe-5"})(["",""],(({$checked:e,$disabled:t,$size:i,$disableTransitions:l})=>a(["position:absolute;left:",";width:",";height:",";border-radius:50%;background-color:",";transition:",";transform:",";"," ",""],"large"===i?"4px":"3px","large"===i?"28px":"var(--global-size-3-xs)","large"===i?"28px":"var(--global-size-3-xs)",t?"var(--input-switch-fg-disabled)":"var(--input-switch-fg-default)",l?"none":"transform 0.2s ease, background-color 0.2s ease",e?"large"===i?"translateX(32px)":"translateX(15px)":"translateX(0)",e&&!t&&a(["background-color:var(--input-switch-fg-active);"]),e&&t&&a(["background-color:var(--input-switch-fg-activate-disabled);"])))),p=e.span.withConfig({displayName:"switch.style__StyledSwitchStateText",componentId:"carbon_v162_12_0__sc-f7e060fe-6"})(["",""],(({$disabled:e,$size:t})=>a(["color:",";font:",";"],e?"var(--input-switch-label-disabled)":"var(--input-switch-label-default)","large"===t?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),b=e.div.withConfig({displayName:"switch.style__StyledSwitchProcessingRow",componentId:"carbon_v162_12_0__sc-f7e060fe-7"})(["",""],(({$below:e})=>a(["display:flex;align-items:",";flex-direction:",";gap:",";"],e?"flex-start":"center",e?"column":"row",e?"var(--global-space-comp-s)":"var(--global-space-comp-m)"))),m=e.span.withConfig({displayName:"switch.style__StyledSwitchProcessingText",componentId:"carbon_v162_12_0__sc-f7e060fe-8"})(["",""],(({$size:e})=>a(["color:var(--input-switch-label-default);font:",";"],"large"===e?"var(--global-font-static-comp-medium-l)":"var(--global-font-static-comp-medium-m)"))),g=e.span.withConfig({displayName:"switch.style__StyledSwitchLoaderWrapper",componentId:"carbon_v162_12_0__sc-f7e060fe-9"})(["",""],(({$checked:e,$size:t,$disableTransitions:i})=>a(["position:absolute;left:2px;display:flex;align-items:center;justify-content:center;transition:",";transform:",";"],i?"none":"transform 0.2s ease",e?"large"===t?"translateX(32px)":"translateX(15px)":"translateX(0)"))),f=e.input.withConfig({displayName:"switch.style__StyledSwitchInput",componentId:"carbon_v162_12_0__sc-f7e060fe-10"})(["position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit;z-index:2;-webkit-appearance:none;appearance:none;"]);export{o as StyledSwitch,f as StyledSwitchInput,s as StyledSwitchLabel,r as StyledSwitchLabelWrapper,g as StyledSwitchLoaderWrapper,b as StyledSwitchProcessingRow,m as StyledSwitchProcessingText,n as StyledSwitchRow,p as StyledSwitchStateText,d as StyledSwitchThumb,c as StyledSwitchTrack};

package/lib/components/tabs/__next__/index.js

@@ -1 +1 @@
-"use strict";var a=require("./tabs.component.js");exports.Tab=a.Tab,exports.TabList=a.TabList,exports.TabPanel=a.TabPanel,exports.Tabs=a.Tabs;
+export{Tab,TabList,TabPanel,Tabs}from"./tabs.component.js";

package/lib/components/tabs/__next__/tab.context.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./tabs.style.js");const i=r.createContext({tabId:""});exports.TabContext=i,exports.TabProvider=({children:r,tabId:s,visible:a})=>e.jsx(i.Provider,{value:{tabId:s},children:e.jsx(t.StyledTabProvider,{visible:a,role:"presentation",children:r})});
+import{jsx as r}from"react/jsx-runtime";import{createContext as e}from"react";import{StyledTabProvider as t}from"./tabs.style.js";const i=e({tabId:""}),o=({children:e,tabId:o,visible:a})=>r(i.Provider,{value:{tabId:o},children:r(t,{visible:a,role:"presentation",children:e})});export{i as TabContext,o as TabProvider};

package/lib/components/tabs/__next__/tabs.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tabs.context.js"),n=require("./tabs.style.js"),a=require("../../../__internal__/utils/logger/index.js"),l=require("../../../hooks/__internal__/useResizeObserver/useResizeObserver.js"),i=require("../../../hooks/__internal__/useLocale/useLocale.js"),o=require("../../icon/icon.component.js");require("../../icon/icon.style.js");var s=require("./tab.context.js"),c=require("../../../hooks/__internal__/usePrevious/index.js"),u=require("../../../__internal__/utils/helpers/guid/index.js"),d=require("../../../__internal__/utils/helpers/tags/tags.js"),b=require("../../../__internal__/utils/helpers/extract-text/index.js");function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(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){f(e,t,r[t])}))}return e}function p(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function y(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}let g=!1;const v=t.forwardRef(((a,s)=>{var{ariaLabel:b,children:f,onTabChange:g,headerWidth:v}=a,j=y(a,["ariaLabel","children","onTabChange","headerWidth"]);const x=t.useRef(null),{activeTab:S,focusIndex:O,orientation:_,selectedTabId:w,setFocusIndex:T,setActiveTab:m,size:k}=r.useTabs(),P=t.useRef(u.default()),I=t.useRef(u.default()),L=t.useRef(u.default()),q=i.default();t.useImperativeHandle(s,(()=>({focusTab:e=>{var t;const r=null===(t=x.current)||void 0===t?void 0:t.querySelector(`#${e}`);null==r||r.focus(),T(e),m(e)}})));const $=t.useCallback((()=>{var e;const t=(null===(e=x.current)||void 0===e?void 0:e.querySelectorAll("[role='tab']"))||[];return Array.from(t).map((e=>e.id)).filter((e=>e))}),[]);t.useEffect((()=>{if(w)m(w);else if(!S){const e=$()[0];m(e)}}),[S,$,w,m]);const z=c.default(S);t.useEffect((()=>{z&&z!==S&&(null==g||g(S))}),[S,g,z]);const C=t.useCallback((e=>{const t=$(),r=t.indexOf(O||S),n=t.length-1;if(-1===r)return;let a=r;switch(e.key){case"Home":a=0;break;case"End":a=n;break;case"ArrowRight":a=(r+1)%t.length;break;case"ArrowLeft":a=(r-1+t.length)%t.length;break;case"ArrowUp":"vertical"===_&&(a=(r-1+t.length)%t.length);break;case"ArrowDown":"vertical"===_&&(a=(r+1)%t.length);break;case"Enter":case" ":return void m(S);case"Tab":return void T(S);default:return}T(t[a])}),[S,O,$,_,m,T]),[E,R]=t.useState(!1),[W,A]=t.useState(!1),[B,D]=t.useState(!1),N=t.useCallback((()=>{if(x.current){const e=x.current.scrollWidth-x.current.clientWidth-20;R(e>0),A(x.current.scrollLeft>=20),D(x.current.scrollLeft<=e)}}),[]);l.default(x,(()=>{N()})),t.useEffect((()=>{x.current&&N()}),[N]);const F=e=>{x.current&&("left"===e?x.current.scrollLeft-=200:x.current.scrollLeft+=200,N())};return e.jsx(e.Fragment,{children:e.jsxs(n.StyledTabListWrapper,{$headerWidth:v,"data-role":"tab-list-wrapper",children:["vertical"!==_&&E?W?e.jsx(n.StyledScrollButton,{"data-role":"tab-navigation-button-left",id:`tab-navigation-button-left-${P.current}`,onClick:()=>F("left"),$size:k,tabIndex:-1,title:null===(H=(U=q.tabs).scrollLeftText)||void 0===H?void 0:H.call(U),type:"button",children:e.jsx(o.default,{type:"chevron_left"})}):e.jsx(n.StyledScrollButtonPlaceholder,{$size:k}):null,e.jsxs(n.StyledTabList,p(h({"aria-label":b,id:`tablist-${L.current}`,onKeyDown:C,onScroll:N,$orientation:_,$scrollRequired:E,ref:x,role:"tablist",tabIndex:-1},d.default("tab-list",j)),{children:[f,e.jsx(n.Spacer,{})]})),(()=>{var t,r;return"vertical"!==_&&E?B?e.jsx(n.StyledScrollButton,{"data-role":"tab-navigation-button-right",id:`tab-navigation-button-right-${I.current}`,onClick:()=>F("right"),$size:k,tabIndex:-1,title:null===(t=(r=q.tabs).scrollRightText)||void 0===t?void 0:t.call(r),type:"button",children:e.jsx(o.default,{type:"chevron_right"})}):e.jsx(n.StyledScrollButtonPlaceholder,{$size:k}):null})()]})});var H,U})),j=a=>{var{children:l,labelledBy:i="",orientation:o="horizontal",selectedTabId:s,size:c="medium"}=a,b=y(a,["children","labelledBy","orientation","selectedTabId","size"]);const f=t.useRef(u.default());return e.jsx(r.TabsProvider,{labelledBy:i,orientation:o,selectedTabId:s,size:c,children:e.jsx(n.StyledTabs,p(h({id:`tabs-container-${f.current}`,$orientation:o},d.default("tabs",b)),{children:l}))})};exports.Tab=l=>{var{controls:c,error:u=!1,id:f,label:v,leftSlot:j,rightSlot:x,warning:S=!1,info:O=!1,hasCustomLayout:_,headerWidth:w,href:T}=l,m=y(l,["controls","error","id","label","leftSlot","rightSlot","warning","info","hasCustomLayout","headerWidth","href"]);const k=i.default(),[P,I]=t.useState(u),[L,q]=t.useState(S),[$,z]=t.useState(O),{activeTab:C,focusIndex:E,orientation:R,setActiveTab:W,setCurrentTabId:A,setFocusIndex:B,size:D,errors:N,warnings:F,infos:H}=r.useTabs(),U=C===f;t.useEffect((()=>{U&&A(f)}),[f,U,A]),!j&&!x||"string"==typeof v||g||(a.default.warn("[WARNING] Using `leftSlot` and/or `rightSlot` is not supported when `label` is not a string. Please use `leftSlot` and/or `rightSlot` alongside a string `label`, or use the `label` prop exclusively."),g=!0),t.useEffect((()=>{if(E===f){const e=document.getElementById(f);null==e||e.focus(),null==e||e.scrollIntoView({block:"nearest",inline:"center"})}}),[E,f,A]),t.useEffect((()=>{let e=N[f],t=F[f],r=H[f];if(u&&!e&&(e={static:u}),S&&!t&&(t={static:S}),O&&!r&&(r={static:O}),!e)return void I(!1);const n=Object.keys(e).map((t=>e[t])).filter((e=>!1!==e)),a=u||!!n.length;if(I(a),!t)return void q(!1);const l=Object.keys(t).map((e=>t[e])).filter((e=>!1!==e)),i=S||!!l.length;if(q(i),!r)return void z(!1);const o=Object.keys(r).map((e=>r[e])).filter((e=>!1!==e)),s=O||!!o.length;z(s)}),[u,f,N,F,S,H,O]);const G=()=>{const t=b.default(v);if(P||L||$){if(P)return e.jsx(o.default,{"data-role":"icon-error",type:"error",ariaLabel:k.tabs.error(t),color:"negative"});if(L)return e.jsx(o.default,{"data-role":"icon-warning",type:"warning",ariaLabel:k.tabs.warning(t),color:"caution"});if($)return e.jsx(o.default,{"data-role":"icon-info",type:"info",ariaLabel:k.tabs.info(t),color:"info"})}return null};return e.jsx(s.TabProvider,{tabId:f,visible:!0,children:e.jsx(n.StyledTab,p(h(p(h({activeTab:C===f,className:C===f?"active-tab":"","aria-controls":c,"aria-selected":U?"true":"false",error:P,warning:L,info:$,id:f,onClick:()=>{W(f),B(f)},$orientation:R,role:"tab",$size:D,type:T?void 0:"button",tabIndex:C===f?0:-1,$hasCustomLayout:_,$headerWidth:w},d.default("tab",m)),{"data-tabid":f,as:T?"a":void 0}),T&&{href:T,target:"_blank",style:{textDecoration:"none",display:"block",boxSizing:"border-box"}}),{children:"string"==typeof v?e.jsxs("span",{className:"tab-title-content-wrapper",children:[j,v,x,G()]}):e.jsxs("span",{className:"tab-title-content-wrapper",children:[v,G()]})}))})},exports.TabList=v,exports.TabPanel=t=>{var{children:a,id:l,tabId:i}=t,o=y(t,["children","id","tabId"]);const{activeTab:c}=r.useTabs();return e.jsx(s.TabProvider,{tabId:i,visible:i===c,children:e.jsx(n.StyledTabPanel,p(h({id:l,role:"tabpanel","aria-labelledby":i},d.default("tab-panel",o)),{children:a}))})},exports.Tabs=j,exports.default=j;
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{useRef as n,forwardRef as o,useImperativeHandle as i,useCallback as a,useEffect as l,useState as c}from"react";import{TabsProvider as s,useTabs as b}from"./tabs.context.js";import{StyledTabs as u,StyledTabListWrapper as d,StyledTabList as f,StyledTabPanel as h,StyledScrollButton as p,StyledScrollButtonPlaceholder as g,StyledTab as y,Spacer as v}from"./tabs.style.js";import m from"../../../__internal__/utils/logger/index.js";import O from"../../../hooks/__internal__/useResizeObserver/useResizeObserver.js";import j from"../../../hooks/__internal__/useLocale/useLocale.js";import w from"../../icon/icon.component.js";import"../../icon/icon.style.js";import{TabProvider as _}from"./tab.context.js";import x from"../../../hooks/__internal__/usePrevious/index.js";import k from"../../../__internal__/utils/helpers/guid/index.js";import I from"../../../__internal__/utils/helpers/tags/tags.js";import S from"../../../__internal__/utils/helpers/extract-text/index.js";function T(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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){T(e,t,r[t])}))}return e}function L(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function P(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const z=t=>{var{children:r,id:n,tabId:o}=t,i=P(t,["children","id","tabId"]);const{activeTab:a}=b();return e(_,{tabId:o,visible:o===a,children:e(h,L($({id:n,role:"tabpanel","aria-labelledby":o},I("tab-panel",i)),{children:r}))})};let A=!1;const C=t=>{var{controls:n,error:o=!1,id:i,label:a,leftSlot:s,rightSlot:u,warning:d=!1,info:f=!1,hasCustomLayout:h,headerWidth:p,href:g}=t,v=P(t,["controls","error","id","label","leftSlot","rightSlot","warning","info","hasCustomLayout","headerWidth","href"]);const O=j(),[x,k]=c(o),[T,z]=c(d),[C,W]=c(f),{activeTab:D,focusIndex:E,orientation:R,setActiveTab:N,setCurrentTabId:B,setFocusIndex:q,size:F,errors:U,warnings:G,infos:H}=b(),K=D===i;l((()=>{K&&B(i)}),[i,K,B]),!s&&!u||"string"==typeof a||A||(m.warn("[WARNING] Using `leftSlot` and/or `rightSlot` is not supported when `label` is not a string. Please use `leftSlot` and/or `rightSlot` alongside a string `label`, or use the `label` prop exclusively."),A=!0),l((()=>{if(E===i){const e=document.getElementById(i);null==e||e.focus(),null==e||e.scrollIntoView({block:"nearest",inline:"center"})}}),[E,i,B]),l((()=>{let e=U[i],t=G[i],r=H[i];if(o&&!e&&(e={static:o}),d&&!t&&(t={static:d}),f&&!r&&(r={static:f}),!e)return void k(!1);const n=Object.keys(e).map((t=>e[t])).filter((e=>!1!==e)),a=o||!!n.length;if(k(a),!t)return void z(!1);const l=Object.keys(t).map((e=>t[e])).filter((e=>!1!==e)),c=d||!!l.length;if(z(c),!r)return void W(!1);const s=Object.keys(r).map((e=>r[e])).filter((e=>!1!==e)),b=f||!!s.length;W(b)}),[o,i,U,G,d,H,f]);const V=()=>{const t=S(a);if(x||T||C){if(x)return e(w,{"data-role":"icon-error",type:"error",ariaLabel:O.tabs.error(t),color:"negative"});if(T)return e(w,{"data-role":"icon-warning",type:"warning",ariaLabel:O.tabs.warning(t),color:"caution"});if(C)return e(w,{"data-role":"icon-info",type:"info",ariaLabel:O.tabs.info(t),color:"info"})}return null};return e(_,{tabId:i,visible:!0,children:e(y,L($(L($({activeTab:D===i,className:D===i?"active-tab":"","aria-controls":n,"aria-selected":K?"true":"false",error:x,warning:T,info:C,id:i,onClick:()=>{N(i),q(i)},$orientation:R,role:"tab",$size:F,type:g?void 0:"button",tabIndex:D===i?0:-1,$hasCustomLayout:h,$headerWidth:p},I("tab",v)),{"data-tabid":i,as:g?"a":void 0}),g&&{href:g,target:"_blank",style:{textDecoration:"none",display:"block",boxSizing:"border-box"}}),{children:r("span","string"==typeof a?{className:"tab-title-content-wrapper",children:[s,a,u,V()]}:{className:"tab-title-content-wrapper",children:[a,V()]})}))})},W=o(((o,s)=>{var{ariaLabel:u,children:h,onTabChange:y,headerWidth:m}=o,_=P(o,["ariaLabel","children","onTabChange","headerWidth"]);const S=n(null),{activeTab:T,focusIndex:z,orientation:A,selectedTabId:C,setFocusIndex:W,setActiveTab:D,size:E}=b(),R=n(k()),N=n(k()),B=n(k()),q=j();i(s,(()=>({focusTab:e=>{var t;const r=null===(t=S.current)||void 0===t?void 0:t.querySelector(`#${e}`);null==r||r.focus(),W(e),D(e)}})));const F=a((()=>{var e;const t=(null===(e=S.current)||void 0===e?void 0:e.querySelectorAll("[role='tab']"))||[];return Array.from(t).map((e=>e.id)).filter((e=>e))}),[]);l((()=>{if(C)D(C);else if(!T){const e=F()[0];D(e)}}),[T,F,C,D]);const U=x(T);l((()=>{U&&U!==T&&(null==y||y(T))}),[T,y,U]);const G=a((e=>{const t=F(),r=t.indexOf(z||T),n=t.length-1;if(-1===r)return;let o=r;switch(e.key){case"Home":o=0;break;case"End":o=n;break;case"ArrowRight":o=(r+1)%t.length;break;case"ArrowLeft":o=(r-1+t.length)%t.length;break;case"ArrowUp":"vertical"===A&&(o=(r-1+t.length)%t.length);break;case"ArrowDown":"vertical"===A&&(o=(r+1)%t.length);break;case"Enter":case" ":return void D(T);case"Tab":return void W(T);default:return}W(t[o])}),[T,z,F,A,D,W]),[H,K]=c(!1),[V,J]=c(!1),[M,Q]=c(!1),X=a((()=>{if(S.current){const e=S.current.scrollWidth-S.current.clientWidth-20;K(e>0),J(S.current.scrollLeft>=20),Q(S.current.scrollLeft<=e)}}),[]);O(S,(()=>{X()})),l((()=>{S.current&&X()}),[X]);const Y=e=>{S.current&&("left"===e?S.current.scrollLeft-=200:S.current.scrollLeft+=200,X())};return e(t,{children:r(d,{$headerWidth:m,"data-role":"tab-list-wrapper",children:["vertical"!==A&&H?V?e(p,{"data-role":"tab-navigation-button-left",id:`tab-navigation-button-left-${R.current}`,onClick:()=>Y("left"),$size:E,tabIndex:-1,title:null===(Z=(ee=q.tabs).scrollLeftText)||void 0===Z?void 0:Z.call(ee),type:"button",children:e(w,{type:"chevron_left"})}):e(g,{$size:E}):null,r(f,L($({"aria-label":u,id:`tablist-${B.current}`,onKeyDown:G,onScroll:X,$orientation:A,$scrollRequired:H,ref:S,role:"tablist",tabIndex:-1},I("tab-list",_)),{children:[h,e(v,{})]})),(()=>{var t,r;return"vertical"!==A&&H?M?e(p,{"data-role":"tab-navigation-button-right",id:`tab-navigation-button-right-${N.current}`,onClick:()=>Y("right"),$size:E,tabIndex:-1,title:null===(t=(r=q.tabs).scrollRightText)||void 0===t?void 0:t.call(r),type:"button",children:e(w,{type:"chevron_right"})}):e(g,{$size:E}):null})()]})});var Z,ee})),D=t=>{var{children:r,labelledBy:o="",orientation:i="horizontal",selectedTabId:a,size:l="medium"}=t,c=P(t,["children","labelledBy","orientation","selectedTabId","size"]);const b=n(k());return e(s,{labelledBy:o,orientation:i,selectedTabId:a,size:l,children:e(u,L($({id:`tabs-container-${b.current}`,$orientation:i},I("tabs",c)),{children:r}))})};export{C as Tab,W as TabList,z as TabPanel,D as Tabs,D as default};

package/lib/components/tabs/__next__/tabs.context.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../hooks/__internal__/usePrevious/index.js");function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function n(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){s(e,t,r[t])}))}return e}const a={activeTab:"",currentTabId:"",focusIndex:"",isInTab:!1,labelledBy:"",orientation:"horizontal",selectedTabId:"",setActiveTab:()=>{},setFocusIndex:()=>{},setCurrentTabId:()=>{},setErrors:()=>{},setWarnings:()=>{},size:"medium",errors:{},warnings:{},infos:{},setInfos:()=>{}},o=t.createContext(a);exports.TabsContext=o,exports.TabsProvider=({children:s,isInTab:a=!0,labelledBy:i,orientation:u,selectedTabId:c="",size:l})=>{const[b,d]=t.useState(c),[f,T]=t.useState(c),[I,x]=t.useState(""),[v,y]=t.useState({}),[g,p]=t.useState({}),[j,C]=t.useState({}),O=t.useCallback(((e,t,r)=>{const s={[t]:{[e]:r}};y((a=>(a[t]||(a[t]={}),a[t][e]!==r?n({},a,s):a)))}),[]),S=t.useCallback(((e,t,r)=>{const s={[t]:{[e]:r}};p((a=>(a[t]||(a[t]={}),a[t][e]!==r?n({},a,s):a)))}),[]),m=t.useCallback(((e,t,r)=>{const s={[t]:{[e]:r}};C((a=>(a[t]||(a[t]={}),a[t][e]!==r?n({},a,s):a)))}),[]),P=r.default(c);return t.useEffect((()=>{c&&c!==P&&(d(c),T(c))}),[c,P]),e.jsx(o.Provider,{value:{activeTab:b,currentTabId:f,focusIndex:I,isInTab:a,labelledBy:i,orientation:u,setActiveTab:d,setCurrentTabId:T,setFocusIndex:x,setErrors:O,setWarnings:S,size:l,errors:v,warnings:g,infos:j,setInfos:m},children:s})},exports.useTabs=()=>t.useContext(o);
+import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t,useCallback as n,useEffect as o,useContext as s}from"react";import i from"../../../hooks/__internal__/usePrevious/index.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function c(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){a(e,r,t[r])}))}return e}const b=r({activeTab:"",currentTabId:"",focusIndex:"",isInTab:!1,labelledBy:"",orientation:"horizontal",selectedTabId:"",setActiveTab:()=>{},setFocusIndex:()=>{},setCurrentTabId:()=>{},setErrors:()=>{},setWarnings:()=>{},size:"medium",errors:{},warnings:{},infos:{},setInfos:()=>{}}),l=()=>s(b),u=({children:r,isInTab:s=!0,labelledBy:a,orientation:l,selectedTabId:u="",size:d})=>{const[f,I]=t(u),[m,T]=t(u),[y,p]=t(""),[v,g]=t({}),[O,j]=t({}),[x,h]=t({}),w=n(((e,r,t)=>{const n={[r]:{[e]:t}};g((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),P=n(((e,r,t)=>{const n={[r]:{[e]:t}};j((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),z=n(((e,r,t)=>{const n={[r]:{[e]:t}};h((o=>(o[r]||(o[r]={}),o[r][e]!==t?c({},o,n):o)))}),[]),_=i(u);return o((()=>{u&&u!==_&&(I(u),T(u))}),[u,_]),e(b.Provider,{value:{activeTab:f,currentTabId:m,focusIndex:y,isInTab:s,labelledBy:a,orientation:l,setActiveTab:I,setCurrentTabId:T,setFocusIndex:p,setErrors:w,setWarnings:P,size:d,errors:v,warnings:O,infos:x,setInfos:z},children:r})};export{b as TabsContext,u as TabsProvider,l as useTabs};

package/lib/components/tabs/__next__/tabs.style.js

@@ -1 +1 @@
-"use strict";var a=require("styled-components"),t=require("../../../style/utils/add-focus-styling.js");function o(a){return a&&a.__esModule?a:{default:a}}var r=o(a);const e={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},i=r.default.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"carbon_v162_10_0__sc-e5240158-0"})(["padding:0 6px;"]),d=r.default.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v162_10_0__sc-e5240158-1"})(["display:flex;"," width:100%;padding:","px;overflow-x:hidden;"],(({$orientation:t,$scrollRequired:o})=>a.css([""," ",""],"horizontal"===t&&a.css(["margin-bottom:8px;",""],o&&a.css(["margin-inline:-","px;"],6)),"vertical"===t&&a.css(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"]))),6),n=r.default.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"carbon_v162_10_0__sc-e5240158-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:t})=>t&&a.css(["width:",";"],t))),l=r.default.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v162_10_0__sc-e5240158-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),s=r.default.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"carbon_v162_10_0__sc-e5240158-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;z-index:2;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=r.default.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v162_10_0__sc-e5240158-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),b=r.default.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"carbon_v162_10_0__sc-e5240158-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:t})=>!t&&a.css(["align-items:center;display:flex;gap:8px;"])),(({activeTab:t,$orientation:o,$size:r,error:e,warning:i,info:d,$hasCustomLayout:n})=>t&&a.css([""," "," ",""],"horizontal"===o&&(e||i||d)&&a.css(["position:relative;top:1px;"]),"large"===r&&a.css(["margin-top:-4px;"]),n&&"horizontal"===o&&a.css(["position:relative;top:-2px;left:1px;"]))),(({$size:t,$hasCustomLayout:o})=>a.css(["font-size:","px;height:","px;",""],e[t].fontSize,e[t].height,o?a.css(["padding:0;"]):a.css(["padding:","px ","px;"],e[t].paddingY,e[t].paddingX))),(({activeTab:t,error:o,info:r,$orientation:i,$size:d,warning:n,$hasCustomLayout:l})=>t&&"horizontal"===i&&a.css(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&a.css(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],e[d].paddingY-4,e[d].paddingX-2,e[d].paddingY,e[d].paddingX-2),(()=>o?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":r?"#0060a7ff":"black"))),(({activeTab:t,error:o,info:r,$orientation:i,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:s})=>"vertical"===i&&a.css(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=s?s:"200px",null!=s?s:"200px",s&&a.css(["white-space:normal;height:auto;"]),t&&a.css(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&a.css(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?e.medium.paddingY-2:4,"medium"===d?e.medium.paddingY-2:e.large.paddingY,e[d].paddingX-2),s&&!l&&a.css(["padding-right:18px;"]),l&&a.css(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&a.css(["top:20%;right:0px;"]),(()=>o?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":r?"#0060a7ff":"black")))),t.default(),(({$orientation:t})=>a.css(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===t?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===t?"var(--global-radius-none)":"var(--global-radius-action-m)"))),c=r.default.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"carbon_v162_10_0__sc-e5240158-7"})(["display:flex;",""],(({$orientation:t})=>a.css(["flex-direction:",";"],"horizontal"===t?"column":"row"))),g=r.default.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v162_10_0__sc-e5240158-8"})(["",""],(({visible:t})=>a.css(["display:",";"],t?"block":"none")));exports.Spacer=l,exports.StyledScrollButton=s,exports.StyledScrollButtonPlaceholder=p,exports.StyledTab=b,exports.StyledTabList=d,exports.StyledTabListWrapper=n,exports.StyledTabPanel=i,exports.StyledTabProvider=g,exports.StyledTabs=c,exports.TAB_LIST_FOCUS_PADDING=6;
+import a,{css as o}from"styled-components";import i from"../../../style/utils/add-focus-styling.js";const t=6,r={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=a.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"carbon_v162_12_0__sc-e5240158-0"})(["padding:0 6px;"]),d=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v162_12_0__sc-e5240158-1"})(["display:flex;"," width:100%;padding:","px;overflow-x:hidden;"],(({$orientation:a,$scrollRequired:i})=>o([""," ",""],"horizontal"===a&&o(["margin-bottom:8px;",""],i&&o(["margin-inline:-","px;"],6)),"vertical"===a&&o(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"]))),6),n=a.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"carbon_v162_12_0__sc-e5240158-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),l=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v162_12_0__sc-e5240158-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),b=a.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"carbon_v162_12_0__sc-e5240158-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;z-index:2;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v162_12_0__sc-e5240158-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),s=a.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"carbon_v162_12_0__sc-e5240158-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:a})=>!a&&o(["align-items:center;display:flex;gap:8px;"])),(({activeTab:a,$orientation:i,$size:t,error:r,warning:e,info:d,$hasCustomLayout:n})=>a&&o([""," "," ",""],"horizontal"===i&&(r||e||d)&&o(["position:relative;top:1px;"]),"large"===t&&o(["margin-top:-4px;"]),n&&"horizontal"===i&&o(["position:relative;top:-2px;left:1px;"]))),(({$size:a,$hasCustomLayout:i})=>o(["font-size:","px;height:","px;",""],r[a].fontSize,r[a].height,i?o(["padding:0;"]):o(["padding:","px ","px;"],r[a].paddingY,r[a].paddingX))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>a&&"horizontal"===e&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&o(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],r[d].paddingY-4,r[d].paddingX-2,r[d].paddingY,r[d].paddingX-2),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black"))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:b})=>"vertical"===e&&o(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=b?b:"200px",null!=b?b:"200px",b&&o(["white-space:normal;height:auto;"]),a&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&o(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?r.medium.paddingY-2:4,"medium"===d?r.medium.paddingY-2:r.large.paddingY,r[d].paddingX-2),b&&!l&&o(["padding-right:18px;"]),l&&o(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&o(["top:20%;right:0px;"]),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black")))),i(),(({$orientation:a})=>o(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===a?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===a?"var(--global-radius-none)":"var(--global-radius-action-m)"))),g=a.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"carbon_v162_12_0__sc-e5240158-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),c=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v162_12_0__sc-e5240158-8"})(["",""],(({visible:a})=>o(["display:",";"],a?"block":"none")));export{l as Spacer,b as StyledScrollButton,p as StyledScrollButtonPlaceholder,s as StyledTab,d as StyledTabList,n as StyledTabListWrapper,e as StyledTabPanel,c as StyledTabProvider,g as StyledTabs,t as TAB_LIST_FOCUS_PADDING};

package/lib/components/tabs/index.js

@@ -1 +1 @@
-"use strict";var e=require("./tabs.component.js"),s=require("./tab/tab.component.js");exports.Tabs=e.Tabs,exports.Tab=s.Tab;
+export{Tabs}from"./tabs.component.js";export{Tab}from"./tab/tab.component.js";

package/lib/components/tabs/tab/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tab.component.js");exports.default=e.Tab;
+export{Tab as default}from"./tab.component.js";

package/lib/components/tabs/tab/tab.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../__next__/tabs.component.js"),t=require("../../../__internal__/utils/logger/index.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let o=!1;const i=i=>{var{tabId:a,title:l,customLayout:s,siblings:u,titlePosition:c,validationStatusOverride:f,errorMessage:b,warningMessage:g,infoMessage:d,titleProps:p,controls:y,id:O,label:m,error:v,warning:j,info:w}=i,x=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(i,["tabId","title","customLayout","siblings","titlePosition","validationStatusOverride","errorMessage","warningMessage","infoMessage","titleProps","controls","id","label","error","warning","info"]);o||(t.default.warn("Warning: This version of the `Tab` component is intended to help migration to the `next` version and will be removed in a future release."),o=!0);let h="";if(m)h=m;else if(s)h=s;else if(h=l,u){const r=e.jsx("span",{children:m||l});h="after"===c?e.jsxs(e.Fragment,{children:[u,r]}):e.jsxs(e.Fragment,{children:[r,u]})}const{error:P,warning:_,info:M}=f||{},S=O||a;return S?e.jsx(r.Tab,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){n(e,r,t[r])}))}return e}({id:S,controls:y||`${S}-panel`,label:h,error:v||P,warning:j||_,info:w||M,hasCustomLayout:!!s,"data-role":null==p?void 0:p["data-role"]},x)):null};i.displayName="Tab",exports.Tab=i,exports.default=i;
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import{Tab as n}from"../__next__/tabs.component.js";import o from"../../../__internal__/utils/logger/index.js";function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let a=!1;const l=l=>{var{tabId:s,title:u,customLayout:c,siblings:f,titlePosition:b,validationStatusOverride:g,errorMessage:d,warningMessage:p,infoMessage:m,titleProps:y,controls:O,id:v,label:w,error:h,warning:j,info:P}=l,_=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(l,["tabId","title","customLayout","siblings","titlePosition","validationStatusOverride","errorMessage","warningMessage","infoMessage","titleProps","controls","id","label","error","warning","info"]);a||(o.warn("Warning: This version of the `Tab` component is intended to help migration to the `next` version and will be removed in a future release."),a=!0);let x="";if(w)x=w;else if(c)x=c;else if(x=u,f){const n=e("span",{children:w||u});x=r(t,"after"===b?{children:[f,n]}:{children:[n,f]})}const{error:M,warning:S,info:T}=g||{},I=v||s;return I?e(n,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){i(e,r,t[r])}))}return e}({id:I,controls:O||`${I}-panel`,label:x,error:h||M,warning:j||S,info:P||T,hasCustomLayout:!!c,"data-role":null==y?void 0:y["data-role"]},_)):null};l.displayName="Tab";export{l as Tab,l as default};

package/lib/components/tabs/tabs.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__next__/tabs.component.js"),n=require("./tab/tab.component.js"),a=require("../../__internal__/utils/logger/index.js"),i=require("../drawer/__internal__/drawer-sidebar.context.js"),o=require("../../hooks/__internal__/usePrevious/index.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(t);function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(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){d(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let p=!1;const b=t.forwardRef(((l,d)=>{var b,f,{children:h,selectedTabId:O,onTabChange:y,position:j="top",size:v="default",validationStatusOverride:g,align:m,headerWidth:T,renderHiddenTabs:_=!0}=l,w=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(l,["children","selectedTabId","onTabChange","position","size","validationStatusOverride","align","headerWidth","renderHiddenTabs"]);p||(a.default.warn("Warning: This version of the `Tabs` component is intended to help migration to the `next` version and will be removed in a future release."),p=!0);const P=t.useMemo((()=>{const e=[];return s.default.Children.forEach(h,(t=>{s.default.isValidElement(t)&&e.push({props:t.props})})),e}),[h]),[x,I]=t.useState(O||(null===(b=P[0])||void 0===b?void 0:b.props.id)||(null===(f=P[0])||void 0===f?void 0:f.props.tabId)),S="default"===v?"medium":"large",{isInSidebar:q}=s.default.useContext(i.default),E=q||"left"===j?"vertical":"horizontal",W=_?P:P.filter((({props:e})=>e.isTabSelected||e.tabId===x)),k=o.default(O);return t.useEffect((()=>{O!==k&&O!==x&&I(O)}),[O,k,x]),e.jsxs(r.Tabs,c(u({orientation:E,selectedTabId:x,size:S},w),{children:[e.jsx(r.TabList,{ref:d,ariaLabel:"Tabs",onTabChange:e=>{I(e),null==y||y(e)},headerWidth:q?"100%":void 0,children:P.map((({props:e})=>{const r=e.id||e.tabId;return r?t.createElement(n.Tab,c(u({headerWidth:q?"100%":T},e),{key:r})):(a.default.warn("Warning: Tab component is missing a unique identifier. Please provide an `id` prop to ensure proper functionality."),null)}))}),!q&&W.map((({props:t})=>{const n=t.id||t.tabId;return n?e.jsx(r.TabPanel,{id:`${n}-panel`,tabId:n,children:t.children},`${n}-panel`):(a.default.warn("Warning: Each `Tab` component must have an `id` or `tabId` prop to associate it with a TabPanel."),null)}))]}))}));b.displayName="Tabs",exports.Tabs=b,exports.default=b;
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{forwardRef as n,useMemo as o,useState as i,useEffect as a,createElement as l}from"react";import{Tabs as s,TabList as d,TabPanel as p}from"./__next__/tabs.component.js";import{Tab as c}from"./tab/tab.component.js";import b from"../../__internal__/utils/logger/index.js";import u from"../drawer/__internal__/drawer-sidebar.context.js";import f from"../../hooks/__internal__/usePrevious/index.js";function m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function h(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){m(e,r,t[r])}))}return e}function O(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}let y=!1;const g=n(((n,m)=>{var g,v,{children:j,selectedTabId:w,onTabChange:T,position:P="top",size:_="default",validationStatusOverride:I,align:x,headerWidth:S,renderHiddenTabs:W=!0}=n,E=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["children","selectedTabId","onTabChange","position","size","validationStatusOverride","align","headerWidth","renderHiddenTabs"]);y||(b.warn("Warning: This version of the `Tabs` component is intended to help migration to the `next` version and will be removed in a future release."),y=!0);const k=o((()=>{const e=[];return t.Children.forEach(j,(r=>{t.isValidElement(r)&&e.push({props:r.props})})),e}),[j]),[C,z]=i(w||(null===(g=k[0])||void 0===g?void 0:g.props.id)||(null===(v=k[0])||void 0===v?void 0:v.props.tabId)),D="default"===_?"medium":"large",{isInSidebar:H}=t.useContext(u),$=H||"left"===P?"vertical":"horizontal",q=W?k:k.filter((({props:e})=>e.isTabSelected||e.tabId===C)),L=f(w);return a((()=>{w!==L&&w!==C&&z(w)}),[w,L,C]),e(s,O(h({orientation:$,selectedTabId:C,size:D},E),{children:[r(d,{ref:m,ariaLabel:"Tabs",onTabChange:e=>{z(e),null==T||T(e)},headerWidth:H?"100%":void 0,children:k.map((({props:e})=>{const r=e.id||e.tabId;return r?l(c,O(h({headerWidth:H?"100%":S},e),{key:r})):(b.warn("Warning: Tab component is missing a unique identifier. Please provide an `id` prop to ensure proper functionality."),null)}))}),!H&&q.map((({props:e})=>{const t=e.id||e.tabId;return t?r(p,{id:`${t}-panel`,tabId:t,children:e.children},`${t}-panel`):(b.warn("Warning: Each `Tab` component must have an `id` or `tabId` prop to associate it with a TabPanel."),null)}))]}))}));g.displayName="Tabs";export{g as Tabs,g as default};

package/lib/components/text-editor/__internal__/__nodes__/mention.node.js

@@ -1 +1 @@
-"use strict";var e=require("lexical");function t(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}class n extends e.TextNode{static getType(){return"mention"}static clone(e){return new n(e.__mention,e.__text,e.__key)}createDOM(e){const t=super.createDOM(e);return t.style.cssText="\n  box-sizing: border-box;\n  background: var(--pill-gray-bg-alt-default);\n  box-shadow: inset 0 0 0 var(--global-borderwidth-xs) var(--pill-gray-border-default);\n  border-radius: var(--global-radius-container-s);\n  color: var(--pill-generic-label-alt-default);\n  cursor: pointer;\n  display: inline-block;\n  font: var(--global-font-static-comp-regular-m);\n  min-height: 20px;\n  padding: 0px var(--global-space-comp-s);\n  margin: 0px var(--global-space-comp-xs);\n",t.className="mention",t.spellcheck=!1,t}exportJSON(){return e=function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},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(n){t(e,n,r[n])}))}return e}({},super.exportJSON()),n=null!=(n={type:"mention",version:1,mention:this.__mention,format:0})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e;var e,n}static importJSON(e){return new n(e.mention,e.text)}setFormat(){return this}toggleFormat(){return this}hasFormat(){return!1}canInsertTextBefore(){return!0}canInsertTextAfter(){return!0}constructor(e,n,r){super(null!=n?n:e,r),t(this,"__mention",void 0),this.__mention=e}}function r(t,r){const o=new n(t,null!=r?r:t);return o.setMode("token").toggleDirectionless(),e.$applyNodeReplacement(o)}exports.$convertMentionElement=e=>{const{textContent:t}=e,n=e.getAttribute("data-lexical-mention-name");return(null==t?void 0:t.length)?{node:r("string"==typeof n?n:t,t)}:null},exports.$createMentionNode=r,exports.$isMentionNode=function(e){return e instanceof n},exports.MentionNode=n;
+import{$applyNodeReplacement as e,TextNode as t}from"lexical";function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class n extends t{static getType(){return"mention"}static clone(e){return new n(e.__mention,e.__text,e.__key)}createDOM(e){const t=super.createDOM(e);return t.style.cssText="\n  box-sizing: border-box;\n  background: var(--pill-gray-bg-alt-default);\n  box-shadow: inset 0 0 0 var(--global-borderwidth-xs) var(--pill-gray-border-default);\n  border-radius: var(--global-radius-container-s);\n  color: var(--pill-generic-label-alt-default);\n  cursor: pointer;\n  display: inline-block;\n  font: var(--global-font-static-comp-regular-m);\n  min-height: 20px;\n  padding: 0px var(--global-space-comp-s);\n  margin: 0px var(--global-space-comp-xs);\n",t.className="mention",t.spellcheck=!1,t}exportJSON(){return e=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){r(e,t,n[t])}))}return e}({},super.exportJSON()),t=null!=(t={type:"mention",version:1,mention:this.__mention,format:0})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e;var e,t}static importJSON(e){return new n(e.mention,e.text)}setFormat(){return this}toggleFormat(){return this}hasFormat(){return!1}canInsertTextBefore(){return!0}canInsertTextAfter(){return!0}constructor(e,t,n){super(null!=t?t:e,n),r(this,"__mention",void 0),this.__mention=e}}function o(t,r){const o=new n(t,null!=r?r:t);return o.setMode("token").toggleDirectionless(),e(o)}function i(e){return e instanceof n}const a=e=>{const{textContent:t}=e,r=e.getAttribute("data-lexical-mention-name");return(null==t?void 0:t.length)?{node:o("string"==typeof r?r:t,t)}:null};export{a as $convertMentionElement,o as $createMentionNode,i as $isMentionNode,n as MentionNode};