carbon-react 161.9.2 → 161.11.0

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

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import n from"../button/button.style.js";import c from"../icon/icon.style.js";const a={small:5,medium:10,large:14},t=o(n).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v161_9_1__sc-c0d1173d-0"})(["",""],(({buttonType:o,disabled:t,displayed:l,size:e,isWhite:i})=>r(["border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);"," "," "," "," padding:0 ","px;"," + &{margin-left:0;}"," + & ","{margin-left:0;}&:focus{background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}}",""],t||!l||i?"":r(["background-color:var(--colorsActionMajor500);border-color:var(--colorsActionMajor500);&,","{color:var(--colorsActionMajorYang100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c),!t&&l&&i?r(["background-color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorYang100);&,","{color:var(--colorsYin100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c):"",!t&&"primary"===o&&"\n      position: relative;\n      &::before {\n        content: '';\n        width: 2px;\n        height: 100%;\n        background: var(--colorsActionMajorYang100);\n        position: absolute;\n        left: -2px;\n        z-index: 2;\n      }  \n    ","secondary"===o&&"border-left-width: 0;",a[e],n,n,c,c,!t&&i&&`\n      &:focus {\n        background-color: var(--colorsActionMajorYang100);\n        border-color: var(--colorsActionMajorYang100);\n\n        &,\n        ${c} {\n          color: var(--colorsYin100);\n        }\n      }\n    `)));export{t as default};
+import o,{css as r}from"styled-components";import n from"../button/button.style.js";import c from"../icon/icon.style.js";const a={small:5,medium:10,large:14},t=o(n).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v161_10_0__sc-c0d1173d-0"})(["",""],(({buttonType:o,disabled:t,displayed:l,size:e,isWhite:i})=>r(["border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);"," "," "," "," padding:0 ","px;"," + &{margin-left:0;}"," + & ","{margin-left:0;}&:focus{background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}}",""],t||!l||i?"":r(["background-color:var(--colorsActionMajor500);border-color:var(--colorsActionMajor500);&,","{color:var(--colorsActionMajorYang100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c),!t&&l&&i?r(["background-color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorYang100);&,","{color:var(--colorsYin100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c):"",!t&&"primary"===o&&"\n      position: relative;\n      &::before {\n        content: '';\n        width: 2px;\n        height: 100%;\n        background: var(--colorsActionMajorYang100);\n        position: absolute;\n        left: -2px;\n        z-index: 2;\n      }  \n    ","secondary"===o&&"border-left-width: 0;",a[e],n,n,c,c,!t&&i&&`\n      &:focus {\n        background-color: var(--colorsActionMajorYang100);\n        border-color: var(--colorsActionMajorYang100);\n\n        &,\n        ${c} {\n          color: var(--colorsYin100);\n        }\n      }\n    `)));export{t as default};

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

@@ -1 +1 @@
-import t from"styled-components";import{margin as o}from"styled-system";import r from"../button/button.style.js";import e from"../../style/themes/apply-base-theme.js";const i=t.div.attrs(e).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v161_9_1__sc-4901c0a5-0"})([""," display:inline-block;position:relative;& > ",":first-of-type{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}& > ","{margin:0;&:focus{position:relative;z-index:1;}}"],o,r,r);export{i as default};
+import t from"styled-components";import{margin as o}from"styled-system";import r from"../button/button.style.js";import e from"../../style/themes/apply-base-theme.js";const i=t.div.attrs(e).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v161_10_0__sc-4901c0a5-0"})([""," display:inline-block;position:relative;& > ",":first-of-type{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}& > ","{margin:0;&:focus{position:relative;z-index:1;}}"],o,r,r);export{i as default};

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

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import"react";import{Typography as a}from"../../typography/typography.component.js";import r from"../../../hooks/__internal__/useLocale/useLocale.js";import{useStepFlowContext as i}from"../__internal__/step-flow.context.js";import{StyledTitleFocusWrapper as l}from"../step-flow.style.js";const n=({titleString:n,titleVariant:o,screenReaderOnlyTitle:s})=>{const d=r(),{titleRef:p,validatedCurrentStep:m,totalSteps:c,category:f,titleVariant:h}=i();return t(l,{"data-role":"title-text-wrapper","data-element":"title-text-wrapper",tabIndex:-1,ref:p,children:e(a,{variant:o||h||"h1","data-element":"title-text",children:[t(a,{fontWeight:"700",fontSize:"var(--fontSizes600)",lineHeight:"var(--sizing375)",variant:"span","aria-hidden":"true","data-element":"visible-title-text","data-role":"visible-title-text",children:n}),m&&c&&t(a,{variant:"span","data-element":"visually-hidden-title-text","data-role":"visually-hidden-title-text",screenReaderOnly:!0,children:d.stepFlow.screenReaderOnlyTitle(s||n,m,c,f)})]})})};export{n as StepFlowTitle,n as default};
+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/esm/components/step-flow/step-flow.component.d.ts

@@ -11,13 +11,18 @@ interface StepFlowAriaProps {
     "aria-describedby"?: string;
 }
 export interface StepFlowProps extends StepFlowAriaProps, MarginProps, TagProps {
-    /** A category for the user journey.  */
+    /**
+     * A category for the user journey.
+     * @deprecated This prop is deprecated and will be removed in a future release.
+     */
     category?: string;
-    /** The title of the current step, this can be a string or a valid React node
+    /**
+     * The title of the current step, this can be a string or a valid React node
      * which contains the `<StepFlowTitle />` component as a descendant.
      */
     title: React.ReactNode;
-    /** Set the variant of the internal 'Typography' component which contains the title.
+    /**
+     * Set the variant of the internal 'Typography' component which contains the title.
      * However, despite the chosen variant the styling will always be overridden.
      */
     titleVariant?: "h1" | "h2";
@@ -32,7 +37,7 @@ export interface StepFlowProps extends StepFlowAriaProps, MarginProps, TagProps
     showProgressIndicator?: boolean;
     /** Determines if the close icon button is shown */
     showCloseIcon?: boolean;
-    /** function runs when user click dismiss button */
+    /** Callback function invoked when the close icon button is clicked */
     onDismiss?: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
 }
 export type StepFlowHandle = {

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as r,useRef as o,useImperativeHandle as n}from"react";import a from"../icon/icon.component.js";import i from"../icon-button/icon-button.component.js";import{StyledProgressIndicator as l,StyledStepFlow as s,StyledStepContent as c,StyledStepContentText as p,StyledStepLabelAndProgress as d,StyledProgressIndicatorBar as u}from"./step-flow.style.js";import f from"../../__internal__/utils/helpers/tags/tags.js";import b from"../../__internal__/utils/logger/index.js";import{Typography as m}from"../typography/typography.component.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import{StepFlowProvider as h}from"./__internal__/step-flow.context.js";import{StepFlowTitle as y}from"./step-flow-title/step-flow-title.component.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 v=r(((r,v)=>{var j,w,{category:S,title:P,titleVariant:_="h1",totalSteps:I,currentStep:k,showProgressIndicator:x=!1,showCloseIcon:z=!1,onDismiss:D,"aria-label":A,"aria-labelledby":C,"aria-describedby":L}=r,N=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 W=Array.from({length:I},((e,t)=>t+1)),E=k>I?I:k;let F=!1,R=!1;!F&&k>I&&(F=!0,b.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.")),R||v||(R=!0,b.warn("[WARNING] A `ref` should be provided to ensure focus is programmatically focused back to a title div, this ensures screen reader users are informed regarding any changes and can navigate back down the page."));const V=W.map((t=>e(l,{"aria-hidden":"true","data-role":"progress-indicator","data-element":"progress-indicator",isCompleted:t<E,isInProgress:t===E,"data-state":t===E?"in-progress":t<E?"is-completed":"not-completed",children:" "},t))),G=g(),H=e(i,{"data-element":"close","aria-label":null===(j=(w=G.stepFlow).closeIconAriaLabel)||void 0===j?void 0:j.call(w),onClick:D,children:e(a,{type:"close"})}),T=o(null);n(v,(()=>({focus(){var e;null===(e=T.current)||void 0===e||e.focus()}})),[]);const q=e(h,{value:{validatedCurrentStep:E,totalSteps:I,titleVariant:_,category:S,titleRef:T},children:"string"==typeof P?e(y,{titleString:P}):P}),B=e(m,{variant:"span",fontWeight:"400",fontSize:"var(--fontSizes200)",lineHeight:"var(--sizing300)","data-element":"step-label","aria-hidden":"true",children:G.stepFlow.stepLabel(E,I)});return t(s,(J=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){O(e,t,r[t])}))}return e}({role:"group","aria-label":A,"aria-describedby":L,"aria-labelledby":C},N,f("step-flow",N)),K=null!=(K={children:[t(c,{children:[S?t(p,{children:[e(m,{fontWeight:"400",fontSize:"var(--fontSizes100)",lineHeight:"var(--sizing250)",variant:"span","data-element":"category-text","aria-hidden":"true",children:S}),q]}):q,z?H:null]}),x?t(d,{children:[B,e(u,{"data-element":"progress-indicator-bar","data-role":"progress-indicator-bar",children:V})]}):B]})?K:{},Object.getOwnPropertyDescriptors?Object.defineProperties(J,Object.getOwnPropertyDescriptors(K)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(K)).forEach((function(e){Object.defineProperty(J,e,Object.getOwnPropertyDescriptor(K,e))})),J));var J,K}));export{v as StepFlow,v as default};
+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{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/esm/components/step-flow/step-flow.style.d.ts

@@ -1,12 +1,10 @@
-declare const StyledStepFlow: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledStepContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledStepContentText: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledTitleFocusWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledStepLabelAndProgress: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledProgressIndicatorBar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledStepFlow: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledStepContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledProgressIndicatorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledStepLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 interface StyledProgressIndicatorProps {
-    isCompleted: boolean;
-    isInProgress: boolean;
+    $isCompleted: boolean;
+    $isInProgress: boolean;
 }
-declare const StyledProgressIndicator: import("styled-components").StyledComponent<"span", any, StyledProgressIndicatorProps, never>;
-export { StyledStepFlow, StyledStepContent, StyledStepContentText, StyledTitleFocusWrapper, StyledStepLabelAndProgress, StyledProgressIndicatorBar, StyledProgressIndicator, };
+export declare const StyledProgressIndicator: import("styled-components").StyledComponent<"div", any, StyledProgressIndicatorProps, never>;
+export {};

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

@@ -1 +1 @@
-import t from"styled-components";import{margin as o}from"styled-system";const e=t.div.withConfig({displayName:"step-flow.style__StyledStepFlow",componentId:"carbon_v161_9_1__sc-d02bd7ac-0"})(["",""],o),i=t.div.withConfig({displayName:"step-flow.style__StyledStepContent",componentId:"carbon_v161_9_1__sc-d02bd7ac-1"})(["display:flex;justify-content:space-between;margin-bottom:var(--sizing200);"]),s=t.div.withConfig({displayName:"step-flow.style__StyledStepContentText",componentId:"carbon_v161_9_1__sc-d02bd7ac-2"})(["display:flex;flex-direction:column;"]),n=t.div.withConfig({displayName:"step-flow.style__StyledTitleFocusWrapper",componentId:"carbon_v161_9_1__sc-d02bd7ac-3"})([""]),d=t.div.withConfig({displayName:"step-flow.style__StyledStepLabelAndProgress",componentId:"carbon_v161_9_1__sc-d02bd7ac-4"})(["margin-top:var(--sizing125);"]),a=t.div.withConfig({displayName:"step-flow.style__StyledProgressIndicatorBar",componentId:"carbon_v161_9_1__sc-d02bd7ac-5"})(["display:flex;margin-top:var(--sizing100);"]),_=t.span.withConfig({displayName:"step-flow.style__StyledProgressIndicator",componentId:"carbon_v161_9_1__sc-d02bd7ac-6"})(["background-color:",";width:100%;height:8px;border-radius:8px;margin-right:12px;"],(function({isCompleted:t,isInProgress:o}){return o?"var(--colorsUtilityYin090)":t?"var(--colorsSemanticPositive500)":"var(--colorsActionDisabled600)"}));export{_ as StyledProgressIndicator,a as StyledProgressIndicatorBar,i as StyledStepContent,s as StyledStepContentText,e as StyledStepFlow,d as StyledStepLabelAndProgress,n as StyledTitleFocusWrapper};
+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_v161_10_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_v161_10_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_v161_10_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_v161_10_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_v161_10_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/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js

@@ -1 +1 @@
-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_v161_9_1__sc-7b780eca-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(["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_v161_9_1__sc-7b780eca-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_v161_9_1__sc-7b780eca-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_v161_9_1__sc-7b780eca-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_v161_9_1__sc-7b780eca-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_v161_9_1__sc-7b780eca-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_v161_9_1__sc-7b780eca-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};
+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_v161_10_0__sc-7b780eca-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(["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_v161_10_0__sc-7b780eca-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_v161_10_0__sc-7b780eca-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_v161_10_0__sc-7b780eca-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_v161_10_0__sc-7b780eca-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_v161_10_0__sc-7b780eca-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_v161_10_0__sc-7b780eca-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/esm/components/step-sequence/step-sequence.style.js

@@ -1 +1 @@
-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_v161_9_1__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};
+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_v161_10_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/esm/components/switch/switch.style.js

@@ -1 +1 @@
-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_v161_9_1__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_v161_9_1__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_v161_9_1__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_v161_9_1__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_v161_9_1__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_v161_9_1__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_v161_9_1__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_v161_9_1__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_v161_9_1__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_v161_9_1__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_v161_9_1__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};
+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_v161_10_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_v161_10_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_v161_10_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_v161_10_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_v161_10_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_v161_10_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_v161_10_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_v161_10_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_v161_10_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_v161_10_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_v161_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;"]);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/esm/components/tabs/__next__/tabs.style.js

@@ -1 +1 @@
-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_v161_9_1__sc-7fd6778d-0"})(["padding:0 6px;"]),d=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v161_9_1__sc-7fd6778d-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_v161_9_1__sc-7fd6778d-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),l=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v161_9_1__sc-7fd6778d-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_v161_9_1__sc-7fd6778d-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:1;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v161_9_1__sc-7fd6778d-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_v161_9_1__sc-7fd6778d-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_v161_9_1__sc-7fd6778d-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),c=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v161_9_1__sc-7fd6778d-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};
+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_v161_10_0__sc-7fd6778d-0"})(["padding:0 6px;"]),d=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v161_10_0__sc-7fd6778d-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_v161_10_0__sc-7fd6778d-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),l=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v161_10_0__sc-7fd6778d-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_v161_10_0__sc-7fd6778d-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:1;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v161_10_0__sc-7fd6778d-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_v161_10_0__sc-7fd6778d-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_v161_10_0__sc-7fd6778d-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),c=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v161_10_0__sc-7fd6778d-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/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js

@@ -1 +1 @@
-import t,{css as a}from"styled-components";import o from"../../../../../style/utils/visually-hidden.js";const r={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},e=t.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"carbon_v161_9_1__sc-12917643-0"})(["",""],(({size:t})=>a(["font:",";color:var(--input-typical-txt-alt);"],r[t]))),l=t.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"carbon_v161_9_1__sc-12917643-1"})(['::after{content:" ";}',""],o);export{e as StyledCharacterCounter,l as VisuallyHiddenCharacterCounter,e as default};
+import t,{css as a}from"styled-components";import o from"../../../../../style/utils/visually-hidden.js";const r={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},e=t.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"carbon_v161_10_0__sc-12917643-0"})(["",""],(({size:t})=>a(["font:",";color:var(--input-typical-txt-alt);"],r[t]))),l=t.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"carbon_v161_10_0__sc-12917643-1"})(['::after{content:" ";}',""],o);export{e as StyledCharacterCounter,l as VisuallyHiddenCharacterCounter,e as default};

package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js

@@ -1 +1 @@
-import a,{css as r}from"styled-components";import o from"../../../../../style/utils/add-focus-styling.js";const e={small:{padding:"var(--global-space-comp-s)"},medium:{padding:"var(--global-space-comp-m)"},large:{padding:"var(--global-space-comp-l)"}},d=a.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"carbon_v161_9_1__sc-ee83d3f6-0"})(["",""],(({error:a,namespace:d,rows:i,readOnly:t,size:l,hasFooter:n})=>r([""," .","-editable{min-height:","px;"," padding:",";"," "," &:focus{","}& > p:first-of-type{margin:0;}& > p{line-height:150%;}}"],t&&r(["padding:",";p:first-of-type{margin:0;}"],e[l].padding),d,i&&i>2?21*i:210,t&&r(["border-radius:var(--global-radius-container-m);"]),e[l].padding,!n&&r(["border-bottom-right-radius:var(--global-radius-container-m);border-bottom-left-radius:var(--global-radius-container-m);"]),a&&r(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),o())));export{d as default};
+import a,{css as r}from"styled-components";import o from"../../../../../style/utils/add-focus-styling.js";const e={small:{padding:"var(--global-space-comp-s)"},medium:{padding:"var(--global-space-comp-m)"},large:{padding:"var(--global-space-comp-l)"}},d=a.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"carbon_v161_10_0__sc-ee83d3f6-0"})(["",""],(({error:a,namespace:d,rows:i,readOnly:t,size:l,hasFooter:n})=>r([""," .","-editable{min-height:","px;"," padding:",";"," "," &:focus{","}& > p:first-of-type{margin:0;}& > p{line-height:150%;}}"],t&&r(["padding:",";p:first-of-type{margin:0;}"],e[l].padding),d,i&&i>2?21*i:210,t&&r(["border-radius:var(--global-radius-container-m);"]),e[l].padding,!n&&r(["border-bottom-right-radius:var(--global-radius-container-m);border-bottom-left-radius:var(--global-radius-container-m);"]),a&&r(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),o())));export{d as default};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js

@@ -1 +1 @@
-import o,{css as a}from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"carbon_v161_9_1__sc-742f32ff-0"})(["background:var(--popover-bg-default);box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-action-m);position:relative;top:","px;left:","px;width:250px;"],(({parentOffsetTop:o})=>-o),(({parentOffsetLeft:o})=>-o)),l={small:{listPadding:"var(--global-space-comp-xs) 0",listItemFont:"var(--global-font-static-comp-regular-s)",listItemPadding:"var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-size-2-xs)",listItemMinHeight:"var(--global-size-s)",textMarginLeft:"var(--global-space-comp-2-xs)"},medium:{listPadding:"var(--global-space-comp-s) 0",listItemFont:"var(--global-font-static-comp-regular-m)",listItemPadding:"var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-m)",textMarginLeft:"var(--global-space-comp-xs)"},large:{listPadding:"var(--global-space-comp-m) 0",listItemFont:"var(--global-font-static-comp-regular-l)",listItemPadding:"var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-l)",textMarginLeft:"var(--global-space-comp-xs)"}},t=o.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"carbon_v161_9_1__sc-742f32ff-1"})(["padding:",";list-style:none;margin:0;border-radius:var(--global-radius-container-m);max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"],(({$size:o})=>l[o].listPadding)),i=o.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"carbon_v161_9_1__sc-742f32ff-2"})(["",";"],(({$size:o})=>a(["box-sizing:border-box;padding:",";min-height:",";color:var(--input-dropdown-label-default);cursor:pointer;font:",";display:flex;align-items:center;flex-direction:row;background-color:var(--popover-bg-default);&:hover{color:var(--popover-label-hover);}&.selected{background:var(--popover-bg-hover);color:var(--popover-label-hover);}.text{display:flex;flex-grow:1;min-width:150px;margin-left:",';align-items:center;white-space:pre;}div[data-component="portrait"]{color:var(--input-dropdown-label-default);font:var(--profile-font-initials-xs);min-width:var(--profile-size-outside-xs);height:var(--profile-size-outside-xs);overflow:hidden;border-radius:var(--global-radius-container-circle);border:none;box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--profile-border-default);display:inline-block;[data-element="initials"],[data-component="icon"]{color:var(--input-dropdown-label-default);}}'],l[o].listItemPadding,l[o].listItemMinHeight,l[o].listItemFont,l[o].textMarginLeft)));export{t as MentionsList,i as MentionsListItem,e as TypeaheadPopover};
+import o,{css as a}from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"carbon_v161_10_0__sc-742f32ff-0"})(["background:var(--popover-bg-default);box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-action-m);position:relative;top:","px;left:","px;width:250px;"],(({parentOffsetTop:o})=>-o),(({parentOffsetLeft:o})=>-o)),l={small:{listPadding:"var(--global-space-comp-xs) 0",listItemFont:"var(--global-font-static-comp-regular-s)",listItemPadding:"var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-size-2-xs)",listItemMinHeight:"var(--global-size-s)",textMarginLeft:"var(--global-space-comp-2-xs)"},medium:{listPadding:"var(--global-space-comp-s) 0",listItemFont:"var(--global-font-static-comp-regular-m)",listItemPadding:"var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-m)",textMarginLeft:"var(--global-space-comp-xs)"},large:{listPadding:"var(--global-space-comp-m) 0",listItemFont:"var(--global-font-static-comp-regular-l)",listItemPadding:"var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-l)",textMarginLeft:"var(--global-space-comp-xs)"}},t=o.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"carbon_v161_10_0__sc-742f32ff-1"})(["padding:",";list-style:none;margin:0;border-radius:var(--global-radius-container-m);max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"],(({$size:o})=>l[o].listPadding)),i=o.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"carbon_v161_10_0__sc-742f32ff-2"})(["",";"],(({$size:o})=>a(["box-sizing:border-box;padding:",";min-height:",";color:var(--input-dropdown-label-default);cursor:pointer;font:",";display:flex;align-items:center;flex-direction:row;background-color:var(--popover-bg-default);&:hover{color:var(--popover-label-hover);}&.selected{background:var(--popover-bg-hover);color:var(--popover-label-hover);}.text{display:flex;flex-grow:1;min-width:150px;margin-left:",';align-items:center;white-space:pre;}div[data-component="portrait"]{color:var(--input-dropdown-label-default);font:var(--profile-font-initials-xs);min-width:var(--profile-size-outside-xs);height:var(--profile-size-outside-xs);overflow:hidden;border-radius:var(--global-radius-container-circle);border:none;box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--profile-border-default);display:inline-block;[data-element="initials"],[data-component="icon"]{color:var(--input-dropdown-label-default);}}'],l[o].listItemPadding,l[o].listItemMinHeight,l[o].listItemFont,l[o].textMarginLeft)));export{t as MentionsList,i as MentionsListItem,e as TypeaheadPopover};

package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js

@@ -1 +1 @@
-import e from"styled-components";const t=e.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"carbon_v161_9_1__sc-ebc3eff5-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--input-typical-txt-alt);left:14px;user-select:none;"]);export{t as default};
+import e from"styled-components";const t=e.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"carbon_v161_10_0__sc-ebc3eff5-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--input-typical-txt-alt);left:14px;user-select:none;"]);export{t as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js

@@ -1 +1 @@
-import o from"styled-components";const e=o.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"carbon_v161_9_1__sc-9b30eeea-0"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;.button-group-divider{width:1px;background-color:var(--container-standard-border-default);min-height:var(--global-size-s);}"]);export{e as default};
+import o from"styled-components";const e=o.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"carbon_v161_10_0__sc-9b30eeea-0"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;.button-group-divider{width:1px;background-color:var(--container-standard-border-default);min-height:var(--global-size-s);}"]);export{e as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import e from"../../../../../../../style/utils/add-focus-styling.js";const a={small:{buttonFont:"var(--global-font-static-comp-medium-s)",buttonHeight:"var(--global-size-s)",dropdownTop:"36px",dropdownPadding:"var(--global-space-comp-xs)",itemHeight:"var(--global-size-s)",itemFont:"var(--global-font-static-comp-regular-s)"},medium:{buttonFont:"var(--global-font-static-comp-medium-m)",buttonHeight:"var(--global-size-m)",dropdownTop:"44px",dropdownPadding:"var(--global-space-comp-s)",itemHeight:"var(--global-size-m)",itemFont:"var(--global-font-static-comp-regular-m)"},large:{buttonFont:"var(--global-font-static-comp-medium-l)",buttonHeight:"var(--global-size-l)",dropdownTop:"52px",dropdownPadding:"var(--global-space-comp-m)",itemHeight:"var(--global-size-l)",itemFont:"var(--global-font-static-comp-regular-l)"}},n=o.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"carbon_v161_9_1__sc-96f98e55-0"})(["",""],(({size:o,menuOpen:n})=>t(["width:100%;height:",";display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;border-radius:var(--global-radius-action-m);cursor:pointer;padding:0 var(--global-space-comp-xs);color:var(--button-typical-toggle-label-default);font:",";"," &:focus{","}"],a[o].buttonHeight,a[o].buttonFont,n&&t(["",""],e()),e()))),l=o.ul.withConfig({displayName:"dropdown.style__StyledMenu",componentId:"carbon_v161_9_1__sc-96f98e55-1"})(["",""],(({size:o})=>t(["position:absolute;top:",";left:0;z-index:1;background:var(--popover-bg-default);border-radius:var(--global-radius-container-m);box-shadow:var(--global-depth-lvl1);list-style:none;margin:0;padding:"," 0;width:100%;overflow-y:auto;"],a[o].dropdownTop,a[o].dropdownPadding))),r=o.li.withConfig({displayName:"dropdown.style__StyledMenuItem",componentId:"carbon_v161_9_1__sc-96f98e55-2"})(["",""],(({size:o})=>t(["display:flex;align-items:center;box-sizing:border-box;min-height:",";padding:"," var(--global-space-comp-xl);cursor:pointer;user-select:none;color:var(--input-dropdown-label-default);font:",";&:hover{background-color:var(--input-dropdown-bg-hover);color:var(--input-dropdown-label-hover);}&:focus-visible{box-shadow:inset 0px 0px 0px var(--global-borderwidth-s) var(--focus-borderalt);outline:none;}"],a[o].itemHeight,a[o].dropdownPadding,a[o].itemFont)));export{n as StyledButton,l as StyledMenu,r as StyledMenuItem};
+import o,{css as t}from"styled-components";import e from"../../../../../../../style/utils/add-focus-styling.js";const a={small:{buttonFont:"var(--global-font-static-comp-medium-s)",buttonHeight:"var(--global-size-s)",dropdownTop:"36px",dropdownPadding:"var(--global-space-comp-xs)",itemHeight:"var(--global-size-s)",itemFont:"var(--global-font-static-comp-regular-s)"},medium:{buttonFont:"var(--global-font-static-comp-medium-m)",buttonHeight:"var(--global-size-m)",dropdownTop:"44px",dropdownPadding:"var(--global-space-comp-s)",itemHeight:"var(--global-size-m)",itemFont:"var(--global-font-static-comp-regular-m)"},large:{buttonFont:"var(--global-font-static-comp-medium-l)",buttonHeight:"var(--global-size-l)",dropdownTop:"52px",dropdownPadding:"var(--global-space-comp-m)",itemHeight:"var(--global-size-l)",itemFont:"var(--global-font-static-comp-regular-l)"}},n=o.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"carbon_v161_10_0__sc-96f98e55-0"})(["",""],(({size:o,menuOpen:n})=>t(["width:100%;height:",";display:flex;justify-content:space-between;align-items:center;border:none;background:transparent;border-radius:var(--global-radius-action-m);cursor:pointer;padding:0 var(--global-space-comp-xs);color:var(--button-typical-toggle-label-default);font:",";"," &:focus{","}"],a[o].buttonHeight,a[o].buttonFont,n&&t(["",""],e()),e()))),l=o.ul.withConfig({displayName:"dropdown.style__StyledMenu",componentId:"carbon_v161_10_0__sc-96f98e55-1"})(["",""],(({size:o})=>t(["position:absolute;top:",";left:0;z-index:1;background:var(--popover-bg-default);border-radius:var(--global-radius-container-m);box-shadow:var(--global-depth-lvl1);list-style:none;margin:0;padding:"," 0;width:100%;overflow-y:auto;"],a[o].dropdownTop,a[o].dropdownPadding))),r=o.li.withConfig({displayName:"dropdown.style__StyledMenuItem",componentId:"carbon_v161_10_0__sc-96f98e55-2"})(["",""],(({size:o})=>t(["display:flex;align-items:center;box-sizing:border-box;min-height:",";padding:"," var(--global-space-comp-xl);cursor:pointer;user-select:none;color:var(--input-dropdown-label-default);font:",";&:hover{background-color:var(--input-dropdown-bg-hover);color:var(--input-dropdown-label-hover);}&:focus-visible{box-shadow:inset 0px 0px 0px var(--global-borderwidth-s) var(--focus-borderalt);outline:none;}"],a[o].itemHeight,a[o].dropdownPadding,a[o].itemFont)));export{n as StyledButton,l as StyledMenu,r as StyledMenuItem};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js

@@ -1 +1 @@
-import o,{css as a}from"styled-components";import{Button as t}from"../../../../button/__next__/button.component.js";const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},e=o.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v161_9_1__sc-d3bf0194-0"})(["",";display:flex;flex-direction:row;gap:var(--global-space-comp-s);border-bottom:var(--global-borderwidth-xs) solid var(--input-typical-border-default);align-items:center;flex-wrap:wrap;"],(({size:o,hasHeader:t})=>a(["padding:",";",""],l[o].toolbarPadding,t&&a(["padding-top:",";"],l[o].withHeaderPadding)))),r=o.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v161_9_1__sc-d3bf0194-1"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;flex-wrap:wrap;padding:var(--global-space-comp-xs);"]),i=o.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v161_9_1__sc-d3bf0194-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),d=o(t).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"carbon_v161_9_1__sc-d3bf0194-3"})(["border:none;color:var(--button-typical-toggle-label-default);&:hover{background-color:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"," ",""],(({size:o})=>a(["min-width:",";min-height:",";"],l[o].buttonSize,l[o].buttonSize)),(({isActive:o})=>o&&a(["background-color:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"])));export{i as CommandButtons,d as FormattingButton,r as StyledToolbar,e as StyledToolbarWrapper};
+import o,{css as a}from"styled-components";import{Button as t}from"../../../../button/__next__/button.component.js";const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},e=o.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v161_10_0__sc-d3bf0194-0"})(["",";display:flex;flex-direction:row;gap:var(--global-space-comp-s);border-bottom:var(--global-borderwidth-xs) solid var(--input-typical-border-default);align-items:center;flex-wrap:wrap;"],(({size:o,hasHeader:t})=>a(["padding:",";",""],l[o].toolbarPadding,t&&a(["padding-top:",";"],l[o].withHeaderPadding)))),r=o.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v161_10_0__sc-d3bf0194-1"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;flex-wrap:wrap;padding:var(--global-space-comp-xs);"]),i=o.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v161_10_0__sc-d3bf0194-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),d=o(t).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"carbon_v161_10_0__sc-d3bf0194-3"})(["border:none;color:var(--button-typical-toggle-label-default);&:hover{background-color:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}"," ",""],(({size:o})=>a(["min-width:",";min-height:",";"],l[o].buttonSize,l[o].buttonSize)),(({isActive:o})=>o&&a(["background-color:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"])));export{i as CommandButtons,d as FormattingButton,r as StyledToolbar,e as StyledToolbarWrapper};

package/esm/components/text-editor/text-editor.style.js

@@ -1 +1 @@
-import o,{css as a}from"styled-components";import{margin as e}from"styled-system";const r={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},t=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v161_9_1__sc-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:o})=>o&&a(["margin:-1px;"]))),i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v161_9_1__sc-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],e),l=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v161_9_1__sc-24366676-2"})(["",""],(({size:o})=>a(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],r[o].validationGap,r[o].contentMargin))),d=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v161_9_1__sc-24366676-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:o})=>o&&a(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),n=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v161_9_1__sc-24366676-4"})(["",";"],(({size:o})=>a(["padding:"," "," 0;"],r[o].headerPadding,r[o].headerPadding))),c=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v161_9_1__sc-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:o})=>a(["padding:",";"],r[o].footerPadding)));export{d as StyledEditorToolbarWrapper,c as StyledFooterWrapper,n as StyledHeaderWrapper,t as StyledTextEditor,i as StyledTextEditorWrapper,l as StyledWrapper};
+import o,{css as a}from"styled-components";import{margin as e}from"styled-system";const r={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},t=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v161_10_0__sc-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:o})=>o&&a(["margin:-1px;"]))),i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v161_10_0__sc-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],e),l=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v161_10_0__sc-24366676-2"})(["",""],(({size:o})=>a(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],r[o].validationGap,r[o].contentMargin))),d=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v161_10_0__sc-24366676-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:o})=>o&&a(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),n=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v161_10_0__sc-24366676-4"})(["",";"],(({size:o})=>a(["padding:"," "," 0;"],r[o].headerPadding,r[o].headerPadding))),c=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v161_10_0__sc-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:o})=>a(["padding:",";"],r[o].footerPadding)));export{d as StyledEditorToolbarWrapper,c as StyledFooterWrapper,n as StyledHeaderWrapper,t as StyledTextEditor,i as StyledTextEditorWrapper,l as StyledWrapper};

package/esm/components/textarea/__internal__/tokens/index.d.ts

@@ -0,0 +1,24 @@
+export declare const globalFontStaticCompRegularS: {
+    fontFamily: string;
+    fontWeight: string;
+    lineHeight: number;
+    fontSize: string;
+    paragraphSpacing: string;
+};
+export declare const globalFontStaticCompRegularM: {
+    fontFamily: string;
+    fontWeight: string;
+    lineHeight: number;
+    fontSize: string;
+    paragraphSpacing: string;
+};
+export declare const globalFontStaticCompRegularL: {
+    fontFamily: string;
+    fontWeight: string;
+    lineHeight: number;
+    fontSize: string;
+    paragraphSpacing: string;
+};
+export declare const globalSpaceCompXs = "4px";
+export declare const globalSpaceCompS = "8px";
+export declare const globalSpaceCompM = "12px";

package/esm/components/textarea/__internal__/tokens/index.js

@@ -0,0 +1 @@
+const n={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},a={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},i={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"16px",paragraphSpacing:"0"},o="4px",t="8px",e="12px";export{i as globalFontStaticCompRegularL,a as globalFontStaticCompRegularM,n as globalFontStaticCompRegularS,e as globalSpaceCompM,t as globalSpaceCompS,o as globalSpaceCompXs};

package/esm/components/textarea/textarea.component.d.ts

@@ -5,13 +5,15 @@ import { ValidationProps } from "../../__internal__/validations";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { CommonInputProps } from "../../__internal__/legacy-input";
 import { BorderRadiusType } from "../box/box.component";
+export declare const parseValueUnit: (str: string) => number;
+export declare const getDefaultMinHeightBySize: (size: "small" | "medium" | "large") => number;
 export interface TextareaProps extends ValidationProps, MarginProps, Omit<CommonInputProps, "size">, TagProps {
     /** Prop to specify the aria-labelledby property of the component */
     "aria-labelledby"?: string;
     /** id of the input */
     id?: string;
     /**
-     * Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set
+     * @deprecated Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set. This property is deprecated and will be removed in future versions.
      **/
     adaptiveLabelBreakpoint?: number;
     /** Automatically focus the input on component mount */
@@ -30,16 +32,19 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
     error?: boolean | string;
     /** Allows the Textareas Height to change based on user input */
     expandable?: boolean;
+    /** Specifies the number of visible text lines. When set, the textarea expands up to this maximum height. */
+    maxRows?: number;
     /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input. */
     inputHint?: string;
-    /** [Legacy] Help content to be displayed under an input */
+    /** @deprecated [Legacy] Help content to be displayed under an input. This property is deprecated and will be removed in future versions. */
     fieldHelp?: React.ReactNode;
-    /** [Legacy] Aria label for rendered help component */
+    /** @deprecated [Legacy] Aria label for rendered help component. This property is deprecated and will be removed in future versions. */
     helpAriaLabel?: string;
     /**
-     * [Legacy] Indicate additional information.
+     * @deprecated [Legacy] Indicate additional information.
      * Pass string to display icon, tooltip and blue border.
      * Pass true boolean to only display blue border.
+     * This property is deprecated and will be removed in future versions.
      */
     info?: boolean | string;
     /**
@@ -48,7 +53,7 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
      * Icon to display inside of the Textarea
      */
     inputIcon?: IconType;
-    /** [Legacy] Width of an input in percentage. Works only when labelInline is true */
+    /** @deprecated [Legacy] Width of an input in percentage. Works only when labelInline is true. This property is deprecated and will be removed in future versions. */
     inputWidth?: number;
     /**
      * Prop for specifying the max width of the input.
@@ -57,19 +62,19 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
     maxWidth?: string;
     /** The content of the label for the input */
     label?: string;
-    /** Label alignment */
+    /** @deprecated Label alignment. This property is deprecated and will be removed in future versions. */
     labelAlign?: "left" | "right";
     /**
-     * [Legacy] Text applied to label help tooltip. When opted into new design validations
+     * @deprecated [Legacy] Text applied to label help tooltip. When opted into new design validations
      * it will render as a hint above the input, unless an `inputHint`
-     * prop is also passed
+     * prop is also passed. This property is deprecated and will be removed in future versions.
      */
     labelHelp?: React.ReactNode;
-    /** [Legacy] When true, label is placed in line an input */
+    /** When true, label is placed in line an input */
     labelInline?: boolean;
-    /** [Legacy] Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
+    /** @deprecated [Legacy] Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8). This property is deprecated and will be removed in future versions. */
     labelSpacing?: 1 | 2;
-    /** [Legacy] Width of a label in percentage. Works only when labelInline is true */
+    /** @deprecated [Legacy] Width of a label in percentage. Works only when labelInline is true. This property is deprecated and will be removed in future versions. */
     labelWidth?: number;
     /** Name of the input */
     name?: string;
@@ -80,15 +85,14 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
     /** Adds readOnly property */
     readOnly?: boolean;
     /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
+     * @deprecated [Legacy] Flag to configure component as optional. If the value of this component is not required, use the `required` prop and set it to false instead. This property is deprecated and will be removed in future versions.
      */
     isOptional?: boolean;
     /** The number of visible text lines for the control. When set, this determines the height of the textarea, and the minHeight property is ignored. */
     rows?: number;
-    /** [Legacy] Overrides the default tooltip position */
+    /** @deprecated [Legacy] Overrides the default tooltip position. This property is deprecated and will be removed in future versions. */
     tooltipPosition?: "top" | "bottom" | "left" | "right";
-    /** [Legacy] When true, validation icon will be placed on label instead of being placed on the input */
+    /** @deprecated [Legacy] When true, validation icon will be placed on label instead of being placed on the input. This property is deprecated and will be removed in future versions. */
     validationOnLabel?: boolean;
     /** The value of the Textbox */
     value: string;
@@ -98,14 +102,20 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
      * Pass true boolean to only display orange border.
      */
     warning?: boolean | string;
-    /** Specify a custom border radius for the component. Any valid border-radius design token, or an array of border-radius design tokens. */
+    /** @deprecated Specify a custom border radius for the component. Any valid border-radius design token, or an array of border-radius design tokens. This property is deprecated and will be removed in future versions.*/
     borderRadius?: BorderRadiusType | BorderRadiusType[];
-    /** Hides the borders for the component. Please note that validation and focus styling will still be applied */
+    /** @deprecated Hides the borders for the component. Please note that validation and focus styling will still be applied. This property is deprecated and will be removed in future versions. */
     hideBorders?: boolean;
     /** Specify the minimum height. This property is only applied if rows is not set. */
     minHeight?: number;
     /** Render the ValidationMessage above the Textarea when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
+    /** @deprecated Override the variant component. This property is deprecated and will be removed in future versions. */
+    as?: CommonInputProps["as"];
+    /** Specify the resize behavior of the textarea */
+    resize?: "none" | "both" | "horizontal" | "vertical";
+    /** Size of the textarea. */
+    size?: "small" | "medium" | "large";
 }
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea as OriginalTextarea };

package/esm/components/textarea/textarea.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i,Fragment as r}from"react/jsx-runtime";import n,{useContext as t,useState as o,useRef as l,useCallback as a,useEffect as d}from"react";import s from"../../__internal__/utils/helpers/tags/tags.js";import p from"../../__internal__/legacy-input/input.component.js";import c from"../../__internal__/legacy-input/input-presentation.component.js";import u from"../../__internal__/form-field/form-field.component.js";import b from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputBehaviour as m}from"../../__internal__/input-behaviour/input-behaviour.component.js";import f from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import h,{DEFAULT_MIN_HEIGHT as v}from"./textarea.style.js";import{TooltipProvider as _}from"../../__internal__/tooltip-provider/index.js";import y from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import O from"../carbon-provider/__internal__/new-validation.context.js";import j from"../../__internal__/legacy-error-border/error-border.style.js";import w from"../../__internal__/validation-message/validation-message.component.js";import{Box as I}from"../box/box.component.js";import x from"../../__internal__/utils/logger/index.js";import{HintText as P}from"../../__internal__/legacy-hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import H from"../../style/utils/filter-styled-system-margin-props.js";import L from"../fieldset/__internal__/fieldset.context.js";function B(e,i,r){return i in e?Object.defineProperty(e,i,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[i]=r,e}function T(e){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{},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(i){B(e,i,r[i])}))}return e}let A=!1,R=!1;const E=n.forwardRef(((n,B)=>{var{"aria-labelledby":E,"aria-describedby":S,autoFocus:W,inputHint:k,fieldHelp:q,label:C,children:F,characterLimit:D,onChange:M,onFocus:z,onBlur:V,disabled:N=!1,labelInline:$,labelAlign:G,labelHelp:J,labelSpacing:K,inputIcon:Q,id:U,error:X,warning:Y,info:Z,name:ee,readOnly:ie=!1,placeholder:re,expandable:ne=!1,rows:te,validationOnLabel:oe=!1,adaptiveLabelBreakpoint:le,inputWidth:ae,maxWidth:de,labelWidth:se=30,tooltipPosition:pe,value:ce,"data-element":ue,"data-role":be,helpAriaLabel:me,borderRadius:fe,hideBorders:ge=!1,required:he,isOptional:ve,minHeight:_e=v,validationMessagePositionTop:ye=!0}=n,Oe=function(e,i){if(null==e)return{};var r,n,t=function(e,i){if(null==e)return{};var r,n,t={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],i.indexOf(r)>=0||(t[r]=e[r]);return t}(e,i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],i.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(n,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop"]);!A&&ve&&(A=!0,x.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:je}=t(O),{hasError:we,required:Ie}=t(L),xe=!je&&$,[Pe,He]=o(v),Le=e=>je?void 0:e,{current:Be}=l(U||g()),Te=l(null),Ae=a((e=>{Te.current=e,B&&("current"in B?B.current=e:B(e))}),[B]),[Re,Ee]=o("off");Array.isArray(fe)&&fe.length>4&&!R&&(x.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),R=!0);const Se=a((()=>{const e=Te.current;if((null==e?void 0:e.scrollHeight)&&(null==e?void 0:e.scrollHeight)>Pe){let i=e;for(;i&&!(null==i?void 0:i.scrollTop);)i=(null==i?void 0:i.parentElement)||null;const r=null==i?void 0:i.scrollTop;e.style.height="auto",e.style.height=`${Math.max(e.scrollHeight,Pe)}px`,i&&r&&(i.scrollTop=r)}}),[Pe]),{labelId:We,validationId:ke,fieldHelpId:qe,ariaDescribedBy:Ce}=y({id:Be,validationRedesignOptIn:je,error:X,warning:Y,info:Z,label:C,fieldHelp:q}),[Fe,De]=b(ce,D,Re);d((()=>{var e;He(te?(null==Te||null===(e=Te.current)||void 0===e?void 0:e.scrollHeight)||0:_e>v?_e:v)}),[_e,te]),d((()=>{ne&&Se()})),d((()=>{var e,i;return ne&&(window.addEventListener("resize",Se),He((null==Te||null===(e=Te.current)||void 0===e?void 0:e.clientHeight)||0),null===(i=document.fonts)||void 0===i||i.addEventListener("loadingdone",Se)),()=>{var e;ne&&(window.removeEventListener("resize",Se),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Se))}}),[Se,ne]);const Me=!!(Q||ke&&!oe),ze=l(g()),Ve=k?ze.current:void 0,Ne=[...je&&ye?[Ce,Ve]:[Ve,Ce],De,S].filter(Boolean).join(" "),$e=e(c,{disabled:N,readOnly:ie,inputWidth:"number"==typeof ae?ae:100-se,maxWidth:de,error:X||we,warning:Y,info:Z,borderRadius:fe,hideBorders:ge,children:[i(p,T({"aria-invalid":!!X||we,"aria-labelledby":E,"aria-describedby":Ne,autoFocus:W,name:ee,value:ce,ref:Ae,onChange:M,onFocus:e=>{D&&Ee("polite"),null==z||z(e)},onBlur:e=>{D&&Ee("off"),null==V||V(e)},disabled:N,readOnly:ie,placeholder:N?"":re,rows:te,id:Be,as:"textarea",validationIconId:je?void 0:ke,inputBorderRadius:fe,required:he||Ie},Oe)),F,i(f,{disabled:N,readOnly:ie,inputIcon:Q,error:X,warning:Y,info:Z,validationIconId:je?void 0:ke,useValidationIcon:!(je||oe)})]}),Ge=H(Oe);return i(_,{tooltipPosition:pe,helpAriaLabel:me,children:i(m,{children:i(h,(Je=T({labelInline:xe,hasIcon:Me,minHeight:Pe},Ge,s("textarea",{"data-element":ue,"data-role":be})),Ke={children:e(u,{fieldHelp:Le(q),fieldHelpId:qe,error:X,warning:Y,info:Z,label:C,labelId:We,disabled:N,id:Be,labelInline:Le(xe),labelAlign:G,labelWidth:Le(se),labelHelp:Le(J),labelSpacing:K,isRequired:he,useValidationIcon:Le(oe),adaptiveLabelBreakpoint:le,validationRedesignOptIn:je,my:0,children:[(k||J&&je)&&i(P,{align:G,id:Ve,"data-element":"input-hint",children:k||J}),je?e(I,{position:"relative",children:[ye&&e(r,{children:[i(w,{error:X,validationId:ke,warning:Y,validationMessagePositionTop:ye}),(X||Y)&&i(j,{warning:!(X||!Y)})]}),$e,!ye&&e(r,{children:[i(w,{error:X,validationId:ke,warning:Y,validationMessagePositionTop:ye}),(X||Y)&&i(j,{warning:!(X||!Y)})]})]}):$e,Fe]})},Ke=null!=Ke?Ke:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Je,Object.getOwnPropertyDescriptors(Ke)):function(e){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);i.push.apply(i,r)}return i}(Object(Ke)).forEach((function(e){Object.defineProperty(Je,e,Object.getOwnPropertyDescriptor(Ke,e))})),Je))})});var Je,Ke}));E.displayName="Textarea";export{E as OriginalTextarea,E as Textarea,E as default};
+import{jsxs as e,jsx as r,Fragment as i}from"react/jsx-runtime";import t,{useContext as n,useState as l,useRef as o,useCallback as a,useEffect as s}from"react";import d from"../../__internal__/utils/helpers/tags/tags.js";import p from"../../__internal__/legacy-input/input.component.js";import u from"../../__internal__/legacy-input/input-presentation.component.js";import c from"../../__internal__/form-field/form-field.component.js";import m from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputBehaviour as b}from"../../__internal__/input-behaviour/input-behaviour.component.js";import f from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import h from"../../__internal__/utils/helpers/guid/index.js";import g,{StyledTextareaValidationContainer as v}from"./textarea.style.js";import{TooltipProvider as _}from"../../__internal__/tooltip-provider/index.js";import y from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import O from"../../__internal__/error-border/error-border.style.js";import j from"../../__internal__/validation-message/validation-message.component.js";import w from"../../__internal__/utils/logger/index.js";import{HintText as x}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import H from"../../style/utils/filter-styled-system-margin-props.js";import I from"../fieldset/__internal__/fieldset.context.js";import{globalFontStaticCompRegularL as P,globalFontStaticCompRegularM as $,globalFontStaticCompRegularS as L,globalSpaceCompM as S,globalSpaceCompS as R,globalSpaceCompXs as z}from"./__internal__/tokens/index.js";function B(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}function W(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){B(e,r,i[r])}))}return e}const A=e=>{const r=e.match(/^(-?\d*\.?\d+)(px|em|rem|%)$/);return r?parseFloat(r[1]):(w.warn(`Unexpected value/unit format: "${e}"`),0)},E={small:parseFloat(L.lineHeight.toString())*A(L.fontSize),medium:parseFloat($.lineHeight.toString())*A($.fontSize),large:parseFloat(P.lineHeight.toString())*A(P.fontSize)},T={small:A(z),medium:A(R),large:A(S)},F=e=>3*E[e]+2*T[e];let k=!1,q=!1;const C=t.forwardRef(((t,P)=>{var{"aria-labelledby":$,"aria-describedby":L,autoFocus:S,inputHint:R,fieldHelp:z,label:B,children:A,characterLimit:C,onChange:D,onFocus:M,onBlur:N,disabled:U=!1,labelInline:G,labelAlign:J,labelHelp:K,labelSpacing:Q,inputIcon:V,id:X,error:Y,warning:Z,info:ee,name:re,readOnly:ie=!1,placeholder:te,expandable:ne=!1,rows:le,validationOnLabel:oe=!1,adaptiveLabelBreakpoint:ae,inputWidth:se,maxWidth:de,labelWidth:pe=30,tooltipPosition:ue,value:ce,"data-element":me,"data-role":be,helpAriaLabel:fe,borderRadius:he,hideBorders:ge=!1,required:ve,isOptional:_e,minHeight:ye,validationMessagePositionTop:Oe=!0,resize:je="none",size:we="medium",maxRows:xe}=t,He=function(e,r){if(null==e)return{};var i,t,n=function(e,r){if(null==e)return{};var i,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)i=l[t],r.indexOf(i)>=0||(n[i]=e[i]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)i=l[t],r.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(n[i]=e[i])}return n}(t,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop","resize","size","maxRows"]);!k&&_e&&(k=!0,w.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{hasError:Ie,required:Pe}=n(I),[$e,Le]=l(F(we)),{current:Se}=o(X||h()),Re=o(null),ze=a((e=>{Re.current=e,P&&("current"in P?P.current=e:P(e))}),[P]),[Be,We]=l("off");s((()=>{const e=Re.current;if(!e)return;const r=()=>{e.classList.toggle("has-scrollbar",e.scrollHeight>e.clientHeight)};r(),e.addEventListener("input",r);const i=new ResizeObserver(r);return i.observe(e),()=>{e.removeEventListener("input",r),i.disconnect()}}),[]),Array.isArray(he)&&he.length>4&&!q&&(w.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),q=!0);const Ae=a((()=>{let e;xe&&(e=xe*E[we]+2*T[we]);const r=Re.current;if((null==r?void 0:r.scrollHeight)&&(null==r?void 0:r.scrollHeight)>$e&&(null==r?void 0:r.scrollHeight)<=(null!=e?e:r.scrollHeight)){let e=r;for(;e&&!(null==e?void 0:e.scrollTop);)e=(null==e?void 0:e.parentElement)||null;const i=null==e?void 0:e.scrollTop;r.style.height="auto",r.style.height=`${Math.max(r.scrollHeight,$e)}px`,e&&i&&(e.scrollTop=i)}}),[$e,xe,we]),{labelId:Ee,validationId:Te,fieldHelpId:Fe,ariaDescribedBy:ke}=y({id:Se,validationRedesignOptIn:!0,error:Y,warning:Z,info:ee,label:B,fieldHelp:z}),[qe,Ce]=m(ce,C,Be,we,U);s((()=>{if(le){var e;Le((null==Re||null===(e=Re.current)||void 0===e?void 0:e.scrollHeight)||0)}else{if(!ye)return void Le(F(we));Le(ye>F(we)?ye:F(we))}}),[ye,le,we]),s((()=>{ne&&Ae()})),s((()=>{var e,r;return ne&&(window.addEventListener("resize",Ae),Le((null==Re||null===(e=Re.current)||void 0===e?void 0:e.clientHeight)||0),null===(r=document.fonts)||void 0===r||r.addEventListener("loadingdone",Ae)),()=>{var e;ne&&(window.removeEventListener("resize",Ae),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Ae))}}),[Ae,ne]);const De=!!(V||Te&&!oe),Me=o(h()),Ne=R?Me.current:void 0,Ue=[...Oe?[ke,Ne]:[Ne,ke],Ce,L].filter(Boolean).join(" "),Ge=e(u,{disabled:U,readOnly:ie,inputWidth:"number"==typeof se?se:100-pe,maxWidth:de,error:Y||Ie,warning:Z,info:ee,borderRadius:he,hideBorders:ge,children:[r(p,W({"aria-invalid":!!Y||Ie,"aria-labelledby":$,"aria-describedby":Ue,autoFocus:S,name:re,value:ce,ref:ze,onChange:D,onFocus:e=>{C&&We("polite"),null==M||M(e)},onBlur:e=>{C&&We("off"),null==N||N(e)},disabled:U,readOnly:ie,placeholder:U?"":te,rows:le,id:Se,as:"textarea",inputBorderRadius:he,required:ve||Pe},He)),A,r(f,{disabled:U,readOnly:ie,inputIcon:V,error:Y,warning:Z,info:ee})]}),Je=H(He);return r(_,{tooltipPosition:ue,helpAriaLabel:fe,children:r(b,{children:r(g,(Ke=W({labelInline:G,hasIcon:De,minHeight:$e},Je,d("textarea",{"data-element":me,"data-role":be})),Qe={$resize:je,$maxWidth:de,$size:we,$readOnly:ie,$hasHint:!!R,$isRequired:ve,$disabled:U,$hasWarning:!!Z,$hasError:!!Y,borderRadius:he,$labelSpacing:Q,$labelWidth:pe,$hideBorders:ge,$labelAlign:J,children:e(c,{fieldHelpId:Fe,label:B,labelId:Ee,disabled:U,id:Se,labelInline:G,labelAlign:J,labelSpacing:Q,isRequired:ve,adaptiveLabelBreakpoint:ae,validationRedesignOptIn:!0,my:0,children:[(R||K)&&r(x,{size:we,id:Ne,"data-element":"input-hint",children:R||K}),e(v,{labelInline:G,$inputWidth:se,$labelWidth:pe,children:[Oe&&e(i,{children:[r(j,{error:Y,validationId:Te,warning:Z,validationMessagePositionTop:Oe}),(Y||Z)&&r(O,{$warning:!(Y||!Z)})]}),Ge,!Oe&&e(i,{children:[r(j,{error:Y,validationId:Te,warning:Z,validationMessagePositionTop:Oe}),(Y||Z)&&r(O,{$warning:!(Y||!Z)})]}),qe]})]})},Qe=null!=Qe?Qe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ke,Object.getOwnPropertyDescriptors(Qe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r.push.apply(r,i)}return r}(Object(Qe)).forEach((function(e){Object.defineProperty(Ke,e,Object.getOwnPropertyDescriptor(Qe,e))})),Ke))})});var Ke,Qe}));C.displayName="Textarea";export{C as OriginalTextarea,C as Textarea,C as default,F as getDefaultMinHeightBySize,A as parseValueUnit};