npm - carbon-react - Versions diffs - 161.13.2 → 161.15.0 - Mend

carbon-react 161.13.2 → 161.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (505) hide show

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../button/button.style.js"),e=require("../icon/icon.style.js");function n(o){return o&&o.__esModule?o:{default:o}}const t={small:5,medium:10,large:14},a=n(o).default(r.default).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"~~carbon_v161_13_1__sc~~-c0d1173d-0"})(["",""],(({buttonType:n,disabled:a,displayed:c,size:l,isWhite:s})=>o.css(["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);}}",""],a\|\|!c\|\|s?"":o.css(["background-color:var(--colorsActionMajor500);border-color:var(--colorsActionMajor500);&,","{color:var(--colorsActionMajorYang100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],e.default),!a&&c&&s?o.css(["background-color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorYang100);&,","{color:var(--colorsYin100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],e.default):"",!a&&"primary"===n&&"\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"===n&&"border-left-width: 0;",t[l],r.default,r.default,e.default,e.default,!a&&s&&`\n &:focus {\n background-color: var(--colorsActionMajorYang100);\n border-color: var(--colorsActionMajorYang100);\n\n &,\n ${e.default} {\n color: var(--colorsYin100);\n }\n }\n `)));exports.default=a;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../button/button.style.js"),e=require("../icon/icon.style.js");function n(o){return o&&o.__esModule?o:{default:o}}const t={small:5,medium:10,large:14},a=n(o).default(r.default).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v161_14_0__sc-c0d1173d-0"})(["",""],(({buttonType:n,disabled:a,displayed:c,size:l,isWhite:s})=>o.css(["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);}}",""],a\|\|!c\|\|s?"":o.css(["background-color:var(--colorsActionMajor500);border-color:var(--colorsActionMajor500);&,","{color:var(--colorsActionMajorYang100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],e.default),!a&&c&&s?o.css(["background-color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorYang100);&,","{color:var(--colorsYin100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],e.default):"",!a&&"primary"===n&&"\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"===n&&"border-left-width: 0;",t[l],r.default,r.default,e.default,e.default,!a&&s&&`\n &:focus {\n background-color: var(--colorsActionMajorYang100);\n border-color: var(--colorsActionMajorYang100);\n\n &,\n ${e.default} {\n color: var(--colorsYin100);\n }\n }\n `)));exports.default=a;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../icon/icon.component.js"),i=require("../button/button.component.js"),l=require("./split-button.style.js"),s=require("./split-button-toggle.style.js"),a=require("./split-button-children.style.js"),u=require("../../__internal__/utils/helpers/guid/index.js"),c=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var d=require("../../style/utils/filter-styled-system-margin-props.js"),p=require("../../style/utils/filter-out-styled-system-spacing-props.js"),f=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),b=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),y=require("./__internal__/split-button.context.js"),j=require("../../hooks/__internal__/useLocale/useLocale.js"),m=require("../flat-table/__internal__/flat-table.context.js");function g(e){return e&&e.__esModule?e:{default:e}}var h=g(t);function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){_(e,t,r[t])}))}return e}function v(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const x=t.forwardRef(((g,_)=>{var{align:x="left",position:w="right",buttonType:P="secondary",children:k,disabled:q=!1,iconPosition:B="before",iconType:C,onClick:S,size:T="medium",subtext:L,text:E,"data-element":M,"data-role":D,"aria-label":A,isWhite:R=!1}=g,z=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(g,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const F=j.default(),I=t.useRef(u.default()),W=t.useRef(u.default()),H=t.useRef(null),K=t.useRef(null),{isInFlatTable:N}=t.useContext(m.default),U="secondary"===P&&R;t.useImperativeHandle(_,(()=>({focusMainButton(){var e;null===(e=H.current)\|\|void 0===e\|\|e.focus()},focusToggleButton(){var e;null===(e=K.current)\|\|void 0===e\|\|e.focus()}})),[]);const{showAdditionalButtons:V,showButtons:G,hideButtons:J,buttonNode:Q,handleToggleButtonKeyDown:X,wrapperProps:Y,contextValue:Z}=f.default(K,.75);t.useEffect((()=>{if(!N)return;const e=e=>{e.target instanceof HTMLElement&&"popup-backdrop"===e.target.dataset.role&&V&&J()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[J,N,V]);b.default((()=>J()));const $=t.useMemo((()=>[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})]),[]);return e.jsxs(l.default,v(O({"data-component":"split-button","data-element":M,"data-role":D,onClick:n.default(J),ref:Q},d.default(z)),{children:[e.jsxs(e.Fragment,{children:[e.jsx(i.default,v(O({"data-element":"main-button",id:I.current,ref:H,isWhite:U,subtext:L,size:T,iconType:C,disabled:q,buttonType:P,iconPosition:B,onClick:e=>{null==S\|\|S(e),V&&J()}},p.default(z)),{children:E}),"main-button"),e.jsx(s.default,{"aria-expanded":V,"aria-controls":W.current,"aria-label":A\|\|F.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:K,isWhite:U,disabled:q,displayed:V,buttonType:P,size:T,onKeyDown:X,onClick:()=>{V?J():G()},children:e.jsx(o.default,{type:"dropdown",color:"inherit",bg:"transparent"})},"toggle-button")]}),e.jsx(c.default,{isOpen:V,disableBackgroundUI:N&&V,disablePortal:!0,placement:"left"===w?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:Q,middleware:$,children:e.jsx(a.default,v(O({"data-role":"split-button-children-container",id:W.current},Y),{align:x,hidden:!V,children:e.jsx(y.default.Provider,{value:Z,children:h.default.Children.map(k,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.SplitButton=x,exports.default=x;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@floating-ui/dom"),n=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),o=require("../icon/icon.component.js");require("../icon/icon.style.js");var i=require("../button/button.component.js"),l=require("./split-button.style.js"),s=require("./split-button-toggle.style.js"),a=require("./split-button-children.style.js"),u=require("../../__internal__/utils/helpers/guid/index.js"),c=require("../../__internal__/popover/popover.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var d=require("../../style/utils/filter-styled-system-margin-props.js"),p=require("../../style/utils/filter-out-styled-system-spacing-props.js"),f=require("../../hooks/__internal__/useChildButtons/useChildButtons.js"),b=require("../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js"),y=require("./__internal__/split-button.context.js"),j=require("../../hooks/__internal__/useLocale/useLocale.js"),m=require("../flat-table/__internal__/flat-table.context.js");function g(e){return e&&e.__esModule?e:{default:e}}var h=g(t);function _(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){_(e,t,r[t])}))}return e}function v(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const x=t.forwardRef(((g,_)=>{var{align:x="left",position:w="right",buttonType:P="secondary",children:q,disabled:k=!1,iconPosition:B="before",iconType:C,onClick:S,size:T="medium",subtext:L,text:E,"data-element":M,"data-role":D,"aria-label":A,isWhite:R=!1}=g,z=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(g,["align","position","buttonType","children","disabled","iconPosition","iconType","onClick","size","subtext","text","data-element","data-role","aria-label","isWhite"]);const F=j.default(),I=t.useRef(u.default()),W=t.useRef(u.default()),H=t.useRef(null),K=t.useRef(null),{isInFlatTable:N}=t.useContext(m.default),U="secondary"===P&&R;t.useImperativeHandle(_,(()=>({focusMainButton(){var e;null===(e=H.current)\|\|void 0===e\|\|e.focus()},focusToggleButton(){var e;null===(e=K.current)\|\|void 0===e\|\|e.focus()}})),[]);const{showAdditionalButtons:V,showButtons:G,hideButtons:J,buttonNode:Q,handleToggleButtonKeyDown:X,wrapperProps:Y,contextValue:Z}=f.default(K,.75);t.useEffect((()=>{if(!N)return;const e=e=>{e.target instanceof HTMLElement&&"popup-backdrop"===e.target.dataset.role&&V&&J()};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}}),[J,N,V]);b.default((()=>J()));const $=t.useMemo((()=>[r.offset(6),r.flip({fallbackStrategy:"initialPlacement"})]),[]);return e.jsxs(l.default,v(O({"data-component":"split-button","data-element":M,"data-role":D,onClick:n.default(J),ref:Q},d.default(z)),{children:[e.jsxs(e.Fragment,{children:[e.jsx(i.default,v(O({"data-element":"main-button",id:I.current,ref:H,isWhite:U,subtext:L,size:T,iconType:C,disabled:k,buttonType:P,iconPosition:B,onClick:e=>{null==S\|\|S(e),V&&J()}},p.default(z)),{children:E}),"main-button"),e.jsx(s.default,{"aria-expanded":V,"aria-controls":W.current,"aria-label":A\|\|F.splitButton.ariaLabel(),"data-element":"toggle-button",type:"button",ref:K,isWhite:U,disabled:k,displayed:V,buttonType:P,size:T,onKeyDown:X,onClick:()=>{V?J():G()},children:e.jsx(o.default,{type:"dropdown",color:"inherit",bg:"transparent"})},"toggle-button")]}),e.jsx(c.default,{isOpen:V,disableBackgroundUI:N&&V,disablePortal:!0,placement:"left"===w?"bottom-start":"bottom-end",popoverStrategy:"fixed",reference:Q,middleware:$,children:e.jsx(a.default,v(O({"data-role":"split-button-children-container",id:W.current},Y),{align:x,hidden:!V,children:e.jsx(y.default.Provider,{value:Z,children:h.default.Children.map(q,(t=>e.jsx("li",{children:t})))})}))})]}))}));exports.SplitButton=x,exports.default=x;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../button/button.style.js"),i=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const o=s(e).default.div.attrs(i.default).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"~~carbon_v161_13_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;}}"],t.margin,r.default,r.default);exports.default=o;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../button/button.style.js"),i=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const o=s(e).default.div.attrs(i.default).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v161_14_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;}}"],t.margin,r.default,r.default);exports.default=o;

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

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./step-flow.style.js"),a=require("../../__internal__/utils/helpers/tags/tags.js"),o=require("../../__internal__/utils/logger/index.js"),n=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("./__internal__/step-flow.context.js"),s=require("./step-flow-title/step-flow-title.component.js"),i=require("../icon/icon.component.js"),c=require("../button/__next__/button.component.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let p=!1,d=!1;const b=t.forwardRef(((b,f)=>{var y,g,{category:h,title:j,titleVariant:w="h1",totalSteps:O,currentStep:S,showProgressIndicator:m=!1,showCloseIcon:v=!1,onDismiss:_,"aria-label":P,"aria-labelledby":x,"aria-describedby":I}=b,q=function(e,t){if(null==e)return{};var r,a,o=function(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(b,["category","title","titleVariant","totalSteps","currentStep","showProgressIndicator","showCloseIcon","onDismiss","aria-label","aria-labelledby","aria-describedby"]);const k=n.default(),F=t.useRef(null),C=Array.from({length:O},((e,t)=>t+1)),D=S>O?O:S;!p&&S>O&&(p=!0,o.default.warn("[WARNING] The `currentStep` prop should not be higher than the `totalSteps`prop in `StepFlow`. Please ensure `currentStep`s value does not exceed that of `totalSteps`, in the meantime we have set `currentStep` value to that of `totalSteps`, and all indicators have been marked as completed.")),d\|\|f\|\|(d=!0,o.default.warn("[WARNING] A `ref` should be provided to ensure focus is programmatically focused back to a title div, this ensures screen reader users are informed regarding any changes and can navigate back down the page.")),t.useImperativeHandle(f,(()=>({focus(){var e;null===(e=F.current)\|\|void 0===e\|\|e.focus()}})),[]);const A=e.jsx(l.StepFlowProvider,{value:{validatedCurrentStep:D,totalSteps:O,titleVariant:w,category:h,titleRef:F},children:"string"==typeof j?e.jsx(s.StepFlowTitle,{titleString:j}):j}),L=e.jsx(c.Button,{"data-element":"close","aria-label":null===(y=(g=k.stepFlow).closeIconAriaLabel)\|\|void 0===y?void 0:y.call(g),onClick:e=>null==_?void 0:_(e),variantType:"subtle",size:"small",children:e.jsx(i.default,{type:"close"})}),R=C.map((t=>e.jsx(r.StyledProgressIndicator,{"data-role":"progress-indicator","data-element":"progress-indicator",$isCompleted:t<D,$isInProgress:t===D},t)));return e.jsxs(r.StyledStepFlow,(N=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){u(e,t,r[t])}))}return e}({role:"group","aria-label":P,"aria-describedby":I,"aria-labelledby":x},q,a.default("step-flow",q)),E=null!=(E={children:[e.jsxs(r.StyledStepContent,{children:[h&&e.jsx("span",{"aria-hidden":"true",children:h}),A,e.jsx(r.StyledStepLabel,{"aria-hidden":"true",children:k.stepFlow.stepLabel(D,O)}),m&&e.jsx(r.StyledProgressIndicatorWrapper,{"data-element":"progress-indicator-bar","data-role":"progress-indicator-bar","aria-hidden":"true",children:R})]}),v?L:null]})?E:{},Object.getOwnPropertyDescriptors?Object.defineProperties(N,Object.getOwnPropertyDescriptors(E)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(E)).forEach((function(e){Object.defineProperty(N,e,Object.getOwnPropertyDescriptor(E,e))})),N));var N,E}));exports.StepFlow=b,exports.default=b;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./step-flow.style.js"),o=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("../../__internal__/utils/logger/index.js"),n=require("../../hooks/__internal__/useLocale/useLocale.js"),l=require("./__internal__/step-flow.context.js"),s=require("./step-flow-title/step-flow-title.component.js"),i=require("../icon/icon.component.js");require("../icon/icon.style.js");var c=require("../button/__next__/button.component.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let p=!1,d=!1;const b=t.forwardRef(((b,f)=>{var y,g,{category:h,title:j,titleVariant:w="h1",totalSteps:O,currentStep:S,showProgressIndicator:m=!1,showCloseIcon:v=!1,onDismiss:_,"aria-label":P,"aria-labelledby":x,"aria-describedby":I}=b,q=function(e,t){if(null==e)return{};var r,o,a=function(e,t){if(null==e)return{};var r,o,a={},n=Object.keys(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0\|\|(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)r=n[o],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(b,["category","title","titleVariant","totalSteps","currentStep","showProgressIndicator","showCloseIcon","onDismiss","aria-label","aria-labelledby","aria-describedby"]);const k=n.default(),F=t.useRef(null),C=Array.from({length:O},((e,t)=>t+1)),D=S>O?O:S;!p&&S>O&&(p=!0,a.default.warn("[WARNING] The `currentStep` prop should not be higher than the `totalSteps`prop in `StepFlow`. Please ensure `currentStep`s value does not exceed that of `totalSteps`, in the meantime we have set `currentStep` value to that of `totalSteps`, and all indicators have been marked as completed.")),d\|\|f\|\|(d=!0,a.default.warn("[WARNING] A `ref` should be provided to ensure focus is programmatically focused back to a title div, this ensures screen reader users are informed regarding any changes and can navigate back down the page.")),t.useImperativeHandle(f,(()=>({focus(){var e;null===(e=F.current)\|\|void 0===e\|\|e.focus()}})),[]);const A=e.jsx(l.StepFlowProvider,{value:{validatedCurrentStep:D,totalSteps:O,titleVariant:w,category:h,titleRef:F},children:"string"==typeof j?e.jsx(s.StepFlowTitle,{titleString:j}):j}),L=e.jsx(c.Button,{"data-element":"close","aria-label":null===(y=(g=k.stepFlow).closeIconAriaLabel)\|\|void 0===y?void 0:y.call(g),onClick:e=>null==_?void 0:_(e),variantType:"subtle",size:"small",children:e.jsx(i.default,{type:"close"})}),R=C.map((t=>e.jsx(r.StyledProgressIndicator,{"data-role":"progress-indicator","data-element":"progress-indicator",$isCompleted:t<D,$isInProgress:t===D},t)));return e.jsxs(r.StyledStepFlow,(N=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){u(e,t,r[t])}))}return e}({role:"group","aria-label":P,"aria-describedby":I,"aria-labelledby":x},q,o.default("step-flow",q)),E=null!=(E={children:[e.jsxs(r.StyledStepContent,{children:[h&&e.jsx("span",{"aria-hidden":"true",children:h}),A,e.jsx(r.StyledStepLabel,{"aria-hidden":"true",children:k.stepFlow.stepLabel(D,O)}),m&&e.jsx(r.StyledProgressIndicatorWrapper,{"data-element":"progress-indicator-bar","data-role":"progress-indicator-bar","aria-hidden":"true",children:R})]}),v?L:null]})?E:{},Object.getOwnPropertyDescriptors?Object.defineProperties(N,Object.getOwnPropertyDescriptors(E)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(E)).forEach((function(e){Object.defineProperty(N,e,Object.getOwnPropertyDescriptor(E,e))})),N));var N,E}));exports.StepFlow=b,exports.default=b;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../style/utils/visually-hidden.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const l={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},o=a.default.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"~~carbon_v161_13_1__sc~~-12917643-0"})(["",""],(({size:t})=>e.css(["font:",";color:var(--input-typical-txt-alt);"],l[t]))),c=a.default.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"~~carbon_v161_13_1__sc~~-12917643-1"})(['::after{content:" ";}',""],t.default);exports.StyledCharacterCounter=o,exports.VisuallyHiddenCharacterCounter=c,exports.default=o;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../../../style/utils/visually-hidden.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const l={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},o=a.default.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"carbon_v161_14_0__sc-12917643-0"})(["",""],(({size:t})=>e.css(["font:",";color:var(--input-typical-txt-alt);"],l[t]))),c=a.default.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"carbon_v161_14_0__sc-12917643-1"})(['::after{content:" ";}',""],t.default);exports.StyledCharacterCounter=o,exports.VisuallyHiddenCharacterCounter=c,exports.default=o;

package/lib/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js CHANGED Viewed

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

package/lib/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);const l=o.default.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"~~carbon_v161_13_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:e})=>-e),(({parentOffsetLeft:e})=>-e)),t={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)"}},i=o.default.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"~~carbon_v161_13_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:e})=>t[e].listPadding)),r=o.default.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"~~carbon_v161_13_1__sc~~-742f32ff-2"})(["",";"],(({$size:a})=>e.css(["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);}}'],t[a].listItemPadding,t[a].listItemMinHeight,t[a].listItemFont,t[a].textMarginLeft)));exports.MentionsList=i,exports.MentionsListItem=r,exports.TypeaheadPopover=l;
1	+ "use strict";var e=require("styled-components");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(e);const l=o.default.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"carbon_v161_14_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:e})=>-e),(({parentOffsetLeft:e})=>-e)),t={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)"}},i=o.default.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"carbon_v161_14_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:e})=>t[e].listPadding)),r=o.default.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"carbon_v161_14_0__sc-742f32ff-2"})(["",";"],(({$size:a})=>e.css(["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);}}'],t[a].listItemPadding,t[a].listItemMinHeight,t[a].listItemFont,t[a].textMarginLeft)));exports.MentionsList=i,exports.MentionsListItem=r,exports.TypeaheadPopover=l;

package/lib/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"~~carbon_v161_13_1__sc~~-ebc3eff5-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--input-typical-txt-alt);left:14px;user-select:none;"]);exports.default=t;
1	+ "use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"carbon_v161_14_0__sc-ebc3eff5-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--input-typical-txt-alt);left:14px;user-select:none;"]);exports.default=t;

package/lib/components/text-editor/__internal__/__ui__/Toolbar/button-group/button-group.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"~~carbon_v161_13_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);}"]);exports.default=t;
1	+ "use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"carbon_v161_14_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);}"]);exports.default=t;

package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("./dropdown.style.js"),t=require("../../../../../../box/box.component.js"),o=require("../../../../../../icon/icon.component.js"),l=require("../../../../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({namespace:a,onChange:u,options:i,value:d,isFirstButton:s=!1,isOpen:c,setIsOpen:p,focusedIndex:v,setFocusedIndex:y,size:f="medium"})=>{var x,b;const h=l.default(),m=n.useRef(null),g=n.useRef(null),w=`${a}-typography-menu`,k=n.useMemo((()=>{const e=i.find((e=>e.id===d));if(!e)return h.textEditor.typography.paragraph();const n=e.id;return h.textEditor.typography[n]()}),[h,i,d]);n.useEffect((()=>{const e=e=>{m.current&&g.current&&!m.current.contains(e.target)&&!g.current.contains(e.target)&&(null==p\|\|p(!1),null==y\|\|y(-1))};return c&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[c,y,p]),n.useEffect((()=>{var e;c&&v>=0&&g.current&&(null===(e=g.current.querySelectorAll('[role="option"]')[v])\|\|void 0===e\|\|e.focus())}),[c,v]);const j=e=>{switch(e.key){case"Enter":case" ":if(!c){e.preventDefault(),null==p\|\|p(!0),null==y\|\|y(0);break}var n,r;v>=0&&(e.preventDefault(),null===(n=i[v])\|\|void 0===n\|\|n.onClick(),null==p\|\|p(!1),null==y\|\|y(-1),null===(r=m.current)\|\|void 0===r\|\|r.focus());break;case"ArrowDown":e.preventDefault(),c?null==y\|\|y(v<i.length-1?v+1:0):(null==p\|\|p(!0),null==y\|\|y(0));break;case"ArrowUp":e.preventDefault(),c?null==y\|\|y(v>0?v-1:i.length-1):(null==p\|\|p(!0),null==y\|\|y(i.length-1));break;case"Home":e.preventDefault(),c&&(null==y\|\|y(0));break;case"End":e.preventDefault(),c&&(null==y\|\|y(i.length-1));break;case"Escape":var t;c&&(e.preventDefault(),null==p\|\|p(!1),null==y\|\|y(-1),null===(t=m.current)\|\|void 0===t\|\|t.focus());break;case"Tab":c&&(null==p\|\|p(!1),null==y\|\|y(-1))}};return e.jsxs(t.Box,{position:"relative",display:"inline-block",minWidth:"large"===f?"180px":"166px","data-role":"toolbar-dropdown-wrapper",children:[e.jsxs(r.StyledButton,{ref:m,type:"button",role:"combobox","aria-haspopup":"listbox",menuOpen:c,"aria-activedescendant":null===(x=i[v])\|\|void 0===x?void 0:x.id,"aria-controls":c?w:void 0,"aria-expanded":c,"aria-label":h.textEditor.typography.selectAria(),onKeyDown:j,onClick:()=>{null==p\|\|p(!c)},className:"toolbar-button editor-dropdown",tabIndex:s?0:-1,"data-role":`${a}-typography-dropdown`,id:`${a}-typography-dropdown`,size:f,children:[k," ",e.jsx("span",{"aria-hidden":"true",children:e.jsx(o.default,{type:c?"caret_up":"caret_down"})})]}),c&&e.jsx(r.StyledMenu,{ref:g,role:"listbox",id:w,"aria-labelledby":null===(b=m.current)\|\|void 0===b?void 0:b.id,onKeyDown:j,size:f,"aria-expanded":c,children:i.map((n=>{const t=n.id,o=h.textEditor.typography[t]();return e.jsx(r.StyledMenuItem,{id:n.id,role:"option","data-role":`${a}-typography-option-${n.id}`,tabIndex:-1,onMouseDown:e=>{e.preventDefault(),(e=>{e.onClick(),null==p\|\|p(!1),null==y\|\|y(-1),null==u\|\|u(e.id)})(n)},size:f,children:o},n.id)}))})]})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("./dropdown.style.js"),t=require("../../../../../../box/box.component.js"),o=require("../../../../../../icon/icon.component.js");require("../../../../../../icon/icon.style.js");var l=require("../../../../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({namespace:a,onChange:u,options:i,value:s,isFirstButton:d=!1,isOpen:c,setIsOpen:p,focusedIndex:v,setFocusedIndex:y,size:f="medium"})=>{var x,b;const h=l.default(),m=n.useRef(null),g=n.useRef(null),w=`${a}-typography-menu`,j=n.useMemo((()=>{const e=i.find((e=>e.id===s));if(!e)return h.textEditor.typography.paragraph();const n=e.id;return h.textEditor.typography[n]()}),[h,i,s]);n.useEffect((()=>{const e=e=>{m.current&&g.current&&!m.current.contains(e.target)&&!g.current.contains(e.target)&&(null==p\|\|p(!1),null==y\|\|y(-1))};return c&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}}),[c,y,p]),n.useEffect((()=>{var e;c&&v>=0&&g.current&&(null===(e=g.current.querySelectorAll('[role="option"]')[v])\|\|void 0===e\|\|e.focus())}),[c,v]);const k=e=>{switch(e.key){case"Enter":case" ":if(!c){e.preventDefault(),null==p\|\|p(!0),null==y\|\|y(0);break}var n,r;v>=0&&(e.preventDefault(),null===(n=i[v])\|\|void 0===n\|\|n.onClick(),null==p\|\|p(!1),null==y\|\|y(-1),null===(r=m.current)\|\|void 0===r\|\|r.focus());break;case"ArrowDown":e.preventDefault(),c?null==y\|\|y(v<i.length-1?v+1:0):(null==p\|\|p(!0),null==y\|\|y(0));break;case"ArrowUp":e.preventDefault(),c?null==y\|\|y(v>0?v-1:i.length-1):(null==p\|\|p(!0),null==y\|\|y(i.length-1));break;case"Home":e.preventDefault(),c&&(null==y\|\|y(0));break;case"End":e.preventDefault(),c&&(null==y\|\|y(i.length-1));break;case"Escape":var t;c&&(e.preventDefault(),null==p\|\|p(!1),null==y\|\|y(-1),null===(t=m.current)\|\|void 0===t\|\|t.focus());break;case"Tab":c&&(null==p\|\|p(!1),null==y\|\|y(-1))}};return e.jsxs(t.Box,{position:"relative",display:"inline-block",minWidth:"large"===f?"180px":"166px","data-role":"toolbar-dropdown-wrapper",children:[e.jsxs(r.StyledButton,{ref:m,type:"button",role:"combobox","aria-haspopup":"listbox",menuOpen:c,"aria-activedescendant":null===(x=i[v])\|\|void 0===x?void 0:x.id,"aria-controls":c?w:void 0,"aria-expanded":c,"aria-label":h.textEditor.typography.selectAria(),onKeyDown:k,onClick:()=>{null==p\|\|p(!c)},className:"toolbar-button editor-dropdown",tabIndex:d?0:-1,"data-role":`${a}-typography-dropdown`,id:`${a}-typography-dropdown`,size:f,children:[j," ",e.jsx("span",{"aria-hidden":"true",children:e.jsx(o.default,{type:c?"caret_up":"caret_down"})})]}),c&&e.jsx(r.StyledMenu,{ref:g,role:"listbox",id:w,"aria-labelledby":null===(b=m.current)\|\|void 0===b?void 0:b.id,onKeyDown:k,size:f,"aria-expanded":c,children:i.map((n=>{const t=n.id,o=h.textEditor.typography[t]();return e.jsx(r.StyledMenuItem,{id:n.id,role:"option","data-role":`${a}-typography-option-${n.id}`,tabIndex:-1,onMouseDown:e=>{e.preventDefault(),(e=>{e.onClick(),null==p\|\|p(!1),null==y\|\|y(-1),null==u\|\|u(e.id)})(n)},size:f,children:o},n.id)}))})]})};

package/lib/components/text-editor/__internal__/__ui__/Toolbar/buttons/typography-dropdown/dropdown.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var o=require("styled-components"),t=require("../../../../../../../style/utils/add-focus-styling.js");function e(o){return o&&o.__esModule?o:{default:o}}var a=e(o);const n={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)"}},l=a.default.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"~~carbon_v161_13_1__sc~~-96f98e55-0"})(["",""],(({size:e,menuOpen:a})=>o.css(["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{","}"],n[e].buttonHeight,n[e].buttonFont,a&&o.css(["",""],t.default()),t.default()))),r=a.default.ul.withConfig({displayName:"dropdown.style__StyledMenu",componentId:"~~carbon_v161_13_1__sc~~-96f98e55-1"})(["",""],(({size:t})=>o.css(["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;"],n[t].dropdownTop,n[t].dropdownPadding))),d=a.default.li.withConfig({displayName:"dropdown.style__StyledMenuItem",componentId:"~~carbon_v161_13_1__sc~~-96f98e55-2"})(["",""],(({size:t})=>o.css(["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;}"],n[t].itemHeight,n[t].dropdownPadding,n[t].itemFont)));exports.StyledButton=l,exports.StyledMenu=r,exports.StyledMenuItem=d;
1	+ "use strict";var o=require("styled-components"),t=require("../../../../../../../style/utils/add-focus-styling.js");function e(o){return o&&o.__esModule?o:{default:o}}var a=e(o);const n={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)"}},l=a.default.button.withConfig({displayName:"dropdown.style__StyledButton",componentId:"carbon_v161_14_0__sc-96f98e55-0"})(["",""],(({size:e,menuOpen:a})=>o.css(["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{","}"],n[e].buttonHeight,n[e].buttonFont,a&&o.css(["",""],t.default()),t.default()))),r=a.default.ul.withConfig({displayName:"dropdown.style__StyledMenu",componentId:"carbon_v161_14_0__sc-96f98e55-1"})(["",""],(({size:t})=>o.css(["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;"],n[t].dropdownTop,n[t].dropdownPadding))),d=a.default.li.withConfig({displayName:"dropdown.style__StyledMenuItem",componentId:"carbon_v161_14_0__sc-96f98e55-2"})(["",""],(({size:t})=>o.css(["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;}"],n[t].itemHeight,n[t].dropdownPadding,n[t].itemFont)));exports.StyledButton=l,exports.StyledMenu=r,exports.StyledMenuItem=d;

package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var o=require("styled-components"),a=require("../../../../button/__next__/button.component.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);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)"}},r=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"~~carbon_v161_13_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:a,hasHeader:t})=>o.css(["padding:",";",""],l[a].toolbarPadding,t&&o.css(["padding-top:",";"],l[a].withHeaderPadding)))),i=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"~~carbon_v161_13_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);"]),d=e.default.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"~~carbon_v161_13_1__sc~~-d3bf0194-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),n=e.default(a.Button).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"~~carbon_v161_13_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:a})=>o.css(["min-width:",";min-height:",";"],l[a].buttonSize,l[a].buttonSize)),(({isActive:a})=>a&&o.css(["background-color:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"])));exports.CommandButtons=d,exports.FormattingButton=n,exports.StyledToolbar=i,exports.StyledToolbarWrapper=r;
1	+ "use strict";var o=require("styled-components"),a=require("../../../../button/__next__/button.component.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);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)"}},r=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v161_14_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:a,hasHeader:t})=>o.css(["padding:",";",""],l[a].toolbarPadding,t&&o.css(["padding-top:",";"],l[a].withHeaderPadding)))),i=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v161_14_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);"]),d=e.default.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v161_14_0__sc-d3bf0194-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),n=e.default(a.Button).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"carbon_v161_14_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:a})=>o.css(["min-width:",";min-height:",";"],l[a].buttonSize,l[a].buttonSize)),(({isActive:a})=>a&&o.css(["background-color:var(--button-typical-toggle-bg-active);color:var(--button-typical-toggle-label-active);"])));exports.CommandButtons=d,exports.FormattingButton=n,exports.StyledToolbar=i,exports.StyledToolbarWrapper=r;

package/lib/components/text-editor/text-editor.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("styled-components"),a=require("styled-system");function o(e){return e&&e.__esModule?e:{default:e}}var r=o(e);const t={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)"}},l=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"~~carbon_v161_13_1__sc~~-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:a})=>a&&e.css(["margin:-1px;"]))),d=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"~~carbon_v161_13_1__sc~~-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],a.margin),i=r.default.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"~~carbon_v161_13_1__sc~~-24366676-2"})(["",""],(({size:a})=>e.css(["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);}}'],t[a].validationGap,t[a].contentMargin))),n=r.default.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"~~carbon_v161_13_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:a})=>a&&e.css(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),p=r.default.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"~~carbon_v161_13_1__sc~~-24366676-4"})(["",";"],(({size:a})=>e.css(["padding:"," "," 0;"],t[a].headerPadding,t[a].headerPadding))),s=r.default.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"~~carbon_v161_13_1__sc~~-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:a})=>e.css(["padding:",";"],t[a].footerPadding)));exports.StyledEditorToolbarWrapper=n,exports.StyledFooterWrapper=s,exports.StyledHeaderWrapper=p,exports.StyledTextEditor=l,exports.StyledTextEditorWrapper=d,exports.StyledWrapper=i;
1	+ "use strict";var e=require("styled-components"),a=require("styled-system");function o(e){return e&&e.__esModule?e:{default:e}}var r=o(e);const t={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)"}},l=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v161_14_0__sc-24366676-0"})(["position:relative;box-sizing:border-box;",""],(({error:a})=>a&&e.css(["margin:-1px;"]))),d=r.default.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v161_14_0__sc-24366676-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],a.margin),i=r.default.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v161_14_0__sc-24366676-2"})(["",""],(({size:a})=>e.css(["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);}}'],t[a].validationGap,t[a].contentMargin))),n=r.default.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v161_14_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:a})=>a&&e.css(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),p=r.default.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v161_14_0__sc-24366676-4"})(["",";"],(({size:a})=>e.css(["padding:"," "," 0;"],t[a].headerPadding,t[a].headerPadding))),s=r.default.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v161_14_0__sc-24366676-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:a})=>e.css(["padding:",";"],t[a].footerPadding)));exports.StyledEditorToolbarWrapper=n,exports.StyledFooterWrapper=s,exports.StyledHeaderWrapper=p,exports.StyledTextEditor=l,exports.StyledTextEditorWrapper=d,exports.StyledWrapper=i;

package/lib/components/textarea/textarea.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("styled-components"),e=require("styled-system"),r=require("../../__internal__/legacy-input/input.style.js"),l=require("../../__internal__/hint-text/hint-text.style.js"),i=require("../../__internal__/legacy-input/input-presentation.style.js"),t=require("../../__internal__/legacy-label/label.style.js"),o=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),n=require("../../__internal__/validation-message/validation-message.style.js"),s=require("../../style/themes/apply-base-theme.js"),d=require("./textarea.component.js"),c=require("../../style/utils/add-focus-styling.js");function b(a){return a&&a.__esModule?a:{default:a}}var p=b(a);const u={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},g=(e,r)=>{const l={small:`var(--global-font-static-comp-${r}-s)`,medium:`var(--global-font-static-comp-${r}-m)`,large:`var(--global-font-static-comp-${r}-l)`};return a.css(["font:",";"],l[e])},v=(e,r)=>e?a.css(["margin-bottom:0px;"]):a.css(["",";"],r&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[r]};`),m=p.default.div.attrs(s.default).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"~~carbon_v161_13_1__sc~~-9e0bdbe8-0"})(["margin-bottom:var(--fieldSpacing);",";","{",";}","{"," box-sizing:border-box;color:var(--input-typical-txt-default);border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}","{","}"," ","{color:",";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],e.margin,t.default,(({labelInline:a})=>a&&"text-align: right;"),r.default,(({$size:a})=>g(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:d.getDefaultMinHeightBySize(e)),(({$size:a})=>`${u[a].verticalPadding} ${u[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})=>`${(({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})=>{if(a&&"none"!==a)return e?`${l\|\|100-r}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})}`),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--spacing500);"),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(e=>"none"!==e.$resize&&a.css(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),t.StyledLabelContainer,(({$hasHint:a,$size:e})=>v(!!a,e)),(({labelInline:e,$labelSpacing:r,$size:l})=>e&&a.css(["","{align-items:flex-start;padding-top:",";margin-bottom:0px;","}"],t.StyledLabelContainer,"small"===l?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!r&&`padding-right: ${"large"===l?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),t.default,(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>g(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:e,$size:r,$disabled:l})=>e&&a.css(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],g(r,"medium"),l?"disabled":"required")),o.default,i.default,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:e})=>e&&a.css(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:e})=>e&&a.css(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),i.default,c.default(),l.default,(({$size:a})=>v(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:e})=>a.css(["","{justify-content:",";}"],l.default,"right"!==e?"flex-start":"flex-end")),n.default,(({$hasWarning:e,$size:r})=>e&&a.css(["color:var(--input-validation-label-warn);",""],g(r,"regular"))),(({$hasError:e,$size:r})=>e&&a.css(["color:var(--input-validation-label-error);",""],g(r,"medium")))),h=p.default.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"~~carbon_v161_13_1__sc~~-9e0bdbe8-1"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:r})=>a?`${e\|\|100-r}%`:"100%"));exports.StyledTextareaValidationContainer=h,exports.default=m,exports.getFont=g;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("styled-components"),e=require("styled-system"),r=require("../../__internal__/legacy-input/input.style.js"),l=require("../../__internal__/hint-text/hint-text.style.js"),i=require("../../__internal__/legacy-input/input-presentation.style.js"),t=require("../../__internal__/legacy-label/label.style.js"),o=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),n=require("../../__internal__/validation-message/validation-message.style.js"),s=require("../../style/themes/apply-base-theme.js"),d=require("./textarea.component.js"),c=require("../../style/utils/add-focus-styling.js");function b(a){return a&&a.__esModule?a:{default:a}}var p=b(a);const u={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},g=(e,r)=>{const l={small:`var(--global-font-static-comp-${r}-s)`,medium:`var(--global-font-static-comp-${r}-m)`,large:`var(--global-font-static-comp-${r}-l)`};return a.css(["font:",";"],l[e])},v=(e,r)=>e?a.css(["margin-bottom:0px;"]):a.css(["",";"],r&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[r]};`),m=p.default.div.attrs(s.default).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v161_14_0__sc-9e0bdbe8-0"})(["margin-bottom:var(--fieldSpacing);",";","{",";}","{"," box-sizing:border-box;color:var(--input-typical-txt-default);border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}","{","}"," ","{color:",";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],e.margin,t.default,(({labelInline:a})=>a&&"text-align: right;"),r.default,(({$size:a})=>g(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:d.getDefaultMinHeightBySize(e)),(({$size:a})=>`${u[a].verticalPadding} ${u[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})=>`${(({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})=>{if(a&&"none"!==a)return e?`${l\|\|100-r}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:r,$inputWidth:l})}`),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--spacing500);"),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(e=>"none"!==e.$resize&&a.css(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),t.StyledLabelContainer,(({$hasHint:a,$size:e})=>v(!!a,e)),(({labelInline:e,$labelSpacing:r,$size:l})=>e&&a.css(["","{align-items:flex-start;padding-top:",";margin-bottom:0px;","}"],t.StyledLabelContainer,"small"===l?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!r&&`padding-right: ${"large"===l?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),t.default,(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>g(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:e,$size:r,$disabled:l})=>e&&a.css(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],g(r,"medium"),l?"disabled":"required")),o.default,i.default,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:e})=>e&&a.css(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:e})=>e&&a.css(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),i.default,c.default(),l.default,(({$size:a})=>v(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:e})=>a.css(["","{justify-content:",";}"],l.default,"right"!==e?"flex-start":"flex-end")),n.default,(({$hasWarning:e,$size:r})=>e&&a.css(["color:var(--input-validation-label-warn);",""],g(r,"regular"))),(({$hasError:e,$size:r})=>e&&a.css(["color:var(--input-validation-label-error);",""],g(r,"medium")))),h=p.default.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v161_14_0__sc-9e0bdbe8-1"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:r})=>a?`${e\|\|100-r}%`:"100%"));exports.StyledTextareaValidationContainer=h,exports.default=m,exports.getFont=g;

package/lib/components/textbox/__internal__/__next__/text-input.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const s=n.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"~~carbon_v161_13_1__sc~~-b2bdfb97-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.legacy-search &{flex:1 1 0%;}"],a.margin,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=n.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"~~carbon_v161_13_1__sc~~-b2bdfb97-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n --label-spacing: ${e}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*e}%;\n }\n `),(({$labelInline:a,$size:t})=>e.css([""," ",""],a&&e.css(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!a&&e.css(["justify-content:flex-end;align-items:flex-start;"])))),p=n.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"~~carbon_v161_13_1__sc~~-b2bdfb97-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:t})=>e.css([""," width:",";"],a&&`max-width: ${a};`,t?`${t}%`:"100%")));exports.InputWrapper=p,exports.LabelWrapper=i,exports.StyledTextInput=s;
1	+ "use strict";var e=require("styled-components"),a=require("styled-system"),t=require("../../../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var n=l(e);const s=n.default.div.attrs(t.default).withConfig({displayName:"text-input.style__StyledTextInput",componentId:"carbon_v161_14_0__sc-b2bdfb97-0"})(['[data-component="inline-inputs"] &,&[data-element="current-page"]{--fieldSpacing:0px;}margin-bottom:var(--fieldSpacing);'," display:flex;align-items:flex-start;flex-direction:",";gap:",";.fieldset-content &,.numeral-date-wrapper &{gap:var(--global-space-comp-xs);}.time &{gap:unset;}.legacy-search &{flex:1 1 0%;}"],a.margin,(({$labelInline:e})=>e?"row":"column"),(({$labelInline:e,$size:a,$hasValidationFailure:t})=>{if(!e)switch(a){case"small":return"var(--global-space-comp-xs)";case"large":return"var(--global-space-comp-m)";default:return"var(--global-space-comp-s)"}return"large"===a?t?"var(--global-space-comp-l)":"var(--global-space-comp-m)":t?"var(--global-space-comp-l)":"var(--global-space-comp-s)"})),i=n.default.div.withConfig({displayName:"text-input.style__LabelWrapper",componentId:"carbon_v161_14_0__sc-b2bdfb97-1"})([""," display:flex;flex-direction:column;align-self:stretch;",""],(({$labelWrapperWidth:e})=>e&&`\n --label-spacing: ${e}%;\n\n [data-component="date-range"] & {\n --label-spacing: ${2*e}%;\n }\n `),(({$labelInline:a,$size:t})=>e.css([""," ",""],a&&e.css(["padding-top:var(--global-space-comp-",");justify-content:flex-start;align-items:flex-end;align-self:stretch;width:var(--label-spacing,auto);"],t.charAt(0)),!a&&e.css(["justify-content:flex-end;align-items:flex-start;"])))),p=n.default.div.withConfig({displayName:"text-input.style__InputWrapper",componentId:"carbon_v161_14_0__sc-b2bdfb97-2"})(["display:flex;flex-direction:column;position:relative;width:100%;min-width:0;gap:",";",""],(({$size:e})=>"small"===e?"var(--global-space-comp-xs)":"var(--global-space-comp-s)"),(({$maxWidth:a,$inputWidth:t})=>e.css([""," width:",";"],a&&`max-width: ${a};`,t?`${t}%`:"100%")));exports.InputWrapper=p,exports.LabelWrapper=i,exports.StyledTextInput=s;

package/lib/components/tile/tile-content/tile-content.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),i=require("../../../style/utils/element-sizing.js");function s(t){return t&&t.__esModule?t:{default:t}}const r=s(t).default.div.attrs(o.default).withConfig({displayName:"tile-content.style__StyledTileContent",componentId:"~~carbon_v161_13_1__sc~~-a8bdaa22-0"})(["",""],(({isHorizontal:o,width:s,height:r})=>t.css([""," box-sizing:border-box;position:relative;flex-grow:1;"," ",""],e.space,o?t.css(["display:inline;:last-of-type{padding-right:0;}:first-of-type{padding-left:0;}:not(:last-of-type){margin-top:0;border-right:solid 1px var(--colorsUtilityMajor050);}"]):t.css(["width:auto;:last-of-type{padding-bottom:0;}:first-of-type{padding-top:0;}:not(:last-of-type){margin-top:0;border-bottom:solid 1px var(--colorsUtilityMajor050);}"]),(s\|\|r)&&t.css(["flex-grow:0;",""],i.default({width:s\|\|void 0,height:r\|\|void 0})))));exports.default=r;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),i=require("../../../style/utils/element-sizing.js");function s(t){return t&&t.__esModule?t:{default:t}}const r=s(t).default.div.attrs(o.default).withConfig({displayName:"tile-content.style__StyledTileContent",componentId:"carbon_v161_14_0__sc-a8bdaa22-0"})(["",""],(({isHorizontal:o,width:s,height:r})=>t.css([""," box-sizing:border-box;position:relative;flex-grow:1;"," ",""],e.space,o?t.css(["display:inline;:last-of-type{padding-right:0;}:first-of-type{padding-left:0;}:not(:last-of-type){margin-top:0;border-right:solid 1px var(--colorsUtilityMajor050);}"]):t.css(["width:auto;:last-of-type{padding-bottom:0;}:first-of-type{padding-top:0;}:not(:last-of-type){margin-top:0;border-bottom:solid 1px var(--colorsUtilityMajor050);}"]),(s\|\|r)&&t.css(["flex-grow:0;",""],i.default({width:s\|\|void 0,height:r\|\|void 0})))));exports.default=r;

package/lib/components/tile/tile-footer/tile-footer.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function o(r){return r&&r.__esModule?r:{default:r}}const a=o(r).default.div.attrs(t.default).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"~~carbon_v161_13_1__sc~~-df8c927f-0"})([""," border-bottom-left-radius:calc(var(--tileBorderRadius) - 1px);border-bottom-right-radius:calc(var(--tileBorderRadius) - 1px);",""],e.padding,(({variant:e})=>r.css(["background:",";border-top:1px solid ",";"],(r=>{switch(r){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(e),"grey"===e?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=a;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function o(r){return r&&r.__esModule?r:{default:r}}const a=o(r).default.div.attrs(t.default).withConfig({displayName:"tile-footer.style__StyledTileFooter",componentId:"carbon_v161_14_0__sc-df8c927f-0"})([""," border-bottom-left-radius:calc(var(--tileBorderRadius) - 1px);border-bottom-right-radius:calc(var(--tileBorderRadius) - 1px);",""],e.padding,(({variant:e})=>r.css(["background:",";border-top:1px solid ",";"],(r=>{switch(r){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(e),"grey"===e?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=a;

package/lib/components/tile/tile-header/tile-header.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(e).default.div.attrs(t.default).withConfig({displayName:"tile-header.style__StyledTileHeader",componentId:"~~carbon_v161_13_1__sc~~-bb6ec2c7-0"})([""," border-top-left-radius:calc(var(--tileBorderRadius) - 1px);border-top-right-radius:calc(var(--tileBorderRadius) - 1px);",""],r.padding,(({variant:r})=>e.css(["background:",";border-bottom:1px solid ",";"],(e=>{switch(e){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(r),"grey"===r?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=o;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const o=a(e).default.div.attrs(t.default).withConfig({displayName:"tile-header.style__StyledTileHeader",componentId:"carbon_v161_14_0__sc-bb6ec2c7-0"})([""," border-top-left-radius:calc(var(--tileBorderRadius) - 1px);border-top-right-radius:calc(var(--tileBorderRadius) - 1px);",""],r.padding,(({variant:r})=>e.css(["background:",";border-bottom:1px solid ",";"],(e=>{switch(e){case"transparent":return"transparent";case"black":return"var(--colorsUtilityYin100)";case"grey":return"var(--colorsUtilityMajor025)";default:return"var(--colorsUtilityMajor100)"}})(r),"grey"===r?"var(--colorsUtilityMajor200)":"var(--colorsUtilityMajor100)")));exports.default=o;

package/lib/components/tile/tile.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/element-sizing.js"),a=require("./tile-content/tile-content.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const s=r=>{switch(r){case"large":return"var(--borderRadius200)";case"small":return"var(--borderRadius050)";default:return"var(--borderRadius100)"}},c=i(r).default.div.attrs(t.default).withConfig({displayName:"tile.style__StyledTile",componentId:"~~carbon_v161_13_1__sc~~-418bb97f-0"})(["",""],(({borderVariant:t,borderWidth:i="borderWidth100",isHorizontal:c,variant:n,width:l,roundness:d,highlightVariant:u,height:v})=>r.css([""," "," box-sizing:border-box;border:var(--",") solid ",";border-radius:",";--tileBorderRadius:",";> :first-child:not(","){border-top-left-radius:calc("," - 1px);border-top-right-radius:calc("," - 1px);}> :last-child:not(","){border-bottom-left-radius:calc("," - 1px);border-bottom-right-radius:calc("," - 1px);}"," "," "," "," display:flex;flex-direction:",";position:relative;",""],e.space,u&&r.css(['overflow:hidden;&::before{display:block;content:"";height:100%;width:8px;position:absolute;top:0;left:0;background:',";}"],(r=>{switch(r){case"success":return"var(--colorsSemanticPositive500)";case"neutral":return"var(--colorsSemanticNeutral500)";case"error":return"var(--colorsSemanticNegative500)";case"warning":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";case"important":return" #8F4CD7";default:return"linear-gradient(0deg, rgb(143, 73, 254) 5%, rgb(0, 146, 219) 50%, rgb(19, 160, 56) 95%)"}})(u)),i,((r,e)=>{switch(r){case"selected":return"var(--colorsUtilityYin100)";case"positive":return"var(--colorsSemanticPositive500)";case"negative":return"var(--colorsSemanticNegative500)";case"caution":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";default:switch(e){case"active":return"var(--colorsActionMajor500)";case"grey":return"var(--colorsUtilityMajor200)";default:return"var(--colorsUtilityMajor100)"}}})(t,n),s(d),s(d),a.default,s(d),s(d),a.default,s(d),s(d),"tile"===n&&r.css(["background-color:var(--colorsUtilityYang100);"]),"transparent"===n&&r.css(["background-color:transparent;"]),"active"===n&&r.css(["background-color:var(--colorsActionMajor025);"]),"grey"===n&&r.css(["background-color:var(--colorsUtilityMajor025);"]),c?"row":"column",o.default({width:l\|\|void 0,height:v\|\|void 0}))));exports.default=c;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/element-sizing.js"),a=require("./tile-content/tile-content.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const s=r=>{switch(r){case"large":return"var(--borderRadius200)";case"small":return"var(--borderRadius050)";default:return"var(--borderRadius100)"}},c=i(r).default.div.attrs(t.default).withConfig({displayName:"tile.style__StyledTile",componentId:"carbon_v161_14_0__sc-418bb97f-0"})(["",""],(({borderVariant:t,borderWidth:i="borderWidth100",isHorizontal:c,variant:n,width:l,roundness:d,highlightVariant:u,height:v})=>r.css([""," "," box-sizing:border-box;border:var(--",") solid ",";border-radius:",";--tileBorderRadius:",";> :first-child:not(","){border-top-left-radius:calc("," - 1px);border-top-right-radius:calc("," - 1px);}> :last-child:not(","){border-bottom-left-radius:calc("," - 1px);border-bottom-right-radius:calc("," - 1px);}"," "," "," "," display:flex;flex-direction:",";position:relative;",""],e.space,u&&r.css(['overflow:hidden;&::before{display:block;content:"";height:100%;width:8px;position:absolute;top:0;left:0;background:',";}"],(r=>{switch(r){case"success":return"var(--colorsSemanticPositive500)";case"neutral":return"var(--colorsSemanticNeutral500)";case"error":return"var(--colorsSemanticNegative500)";case"warning":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";case"important":return" #8F4CD7";default:return"linear-gradient(0deg, rgb(143, 73, 254) 5%, rgb(0, 146, 219) 50%, rgb(19, 160, 56) 95%)"}})(u)),i,((r,e)=>{switch(r){case"selected":return"var(--colorsUtilityYin100)";case"positive":return"var(--colorsSemanticPositive500)";case"negative":return"var(--colorsSemanticNegative500)";case"caution":return"var(--colorsSemanticCaution500)";case"info":return"var(--colorsSemanticInfo500)";default:switch(e){case"active":return"var(--colorsActionMajor500)";case"grey":return"var(--colorsUtilityMajor200)";default:return"var(--colorsUtilityMajor100)"}}})(t,n),s(d),s(d),a.default,s(d),s(d),a.default,s(d),s(d),"tile"===n&&r.css(["background-color:var(--colorsUtilityYang100);"]),"transparent"===n&&r.css(["background-color:transparent;"]),"active"===n&&r.css(["background-color:var(--colorsActionMajor025);"]),"grey"===n&&r.css(["background-color:var(--colorsUtilityMajor025);"]),c?"row":"column",o.default({width:l\|\|void 0,height:v\|\|void 0}))));exports.default=c;

package/lib/components/tile-select/__internal__/accordion/accordion.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var o=require("styled-components"),n=require("../../../accordion/accordion.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const r=e.default(n.StyledAccordionContentContainer).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"~~carbon_v161_13_1__sc~~-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),c=e.default(n.StyledAccordionContent).withConfig({displayName:"accordion.style__StyledContent",componentId:"~~carbon_v161_13_1__sc~~-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);exports.StyledContent=c,exports.StyledContentContainer=r;
1	+ "use strict";var o=require("styled-components"),n=require("../../../accordion/accordion.style.js");function t(o){return o&&o.__esModule?o:{default:o}}var e=t(o);const r=e.default(n.StyledAccordionContentContainer).withConfig({displayName:"accordion.style__StyledContentContainer",componentId:"carbon_v161_14_0__sc-80dffb5e-0"})(["background-color:var(--colorsActionMinor050);opacity:1;"]),c=e.default(n.StyledAccordionContent).withConfig({displayName:"accordion.style__StyledContent",componentId:"carbon_v161_14_0__sc-80dffb5e-1"})(["padding:24px;position:relative;z-index:200;"]);exports.StyledContent=c,exports.StyledContentContainer=r;

package/lib/components/tile-select/tile-select.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../fieldset/fieldset.component.js"),o=require("../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../__internal__/legacy-input/input-presentation.style.js"),require("../carbon-provider/__internal__/new-validation.context.js");var n=require("../fieldset/fieldset.style.js"),r=require("../icon/icon.style.js"),l=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const c=d.default.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=d.default.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),_=d.default.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),y=d.default.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=d.default.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:t})=>t&&e.css(["background:var(--colorsActionMajor025);"])),(({disabled:t})=>t&&e.css(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],c,p,y,_))),m=d.default.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-5"})(["",""],(({checked:t,hasFocus:i})=>e.css(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],t&&e.css(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&e.css([""," z-index:15;"],s.default())))),u=d.default.div.attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],t.margin,m,(({checked:t,disabled:i})=>!t&&!i&&e.css(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),g=d.default.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),v=d.default.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n span[data-element="chevron_down"] {\n transition: transform 0.3s;\n ${!e&&"transform: rotate(-90deg)"};\n }\n `)),x=d.default(o.default).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),h=d.default.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),b=d.default.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-11"})(["",""],(({hasActionAdornment:t})=>e.css(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],t&&`\n margin-right: var(--sizing200);\n display: flex;\n align-items: baseline;\n min-height: var(--sizing400);\n\n ${r.default} {\n top: 2px;\n }\n `))),S=d.default(i.Fieldset).attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],t.margin,n.StyledLegend,n.StyledFieldsetContent,(({multiSelect:t})=>t&&e.css(["","{margin-bottom:8px;}"],u))),w=d.default.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"~~carbon_v161_13_1__sc~~-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);exports.StyledAccordionFooterWrapper=v,exports.StyledAdornment=_,exports.StyledDescription=y,exports.StyledDeselectWrapper=b,exports.StyledFocusWrapper=m,exports.StyledFooterWrapper=g,exports.StyledGroupDescription=w,exports.StyledSubtitle=p,exports.StyledTileSelect=f,exports.StyledTileSelectContainer=u,exports.StyledTileSelectFieldset=S,exports.StyledTileSelectInput=x,exports.StyledTitle=c,exports.StyledTitleContainer=h;
1	+ "use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../fieldset/fieldset.component.js"),o=require("../../__internal__/legacy-input/input.component.js");require("react/jsx-runtime"),require("react"),require("../../__internal__/legacy-input/input-presentation.style.js"),require("../carbon-provider/__internal__/new-validation.context.js");var n=require("../fieldset/fieldset.style.js"),r=require("../icon/icon.style.js"),l=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const c=d.default.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"carbon_v161_14_0__sc-88022e8f-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=d.default.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"carbon_v161_14_0__sc-88022e8f-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),_=d.default.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"carbon_v161_14_0__sc-88022e8f-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),y=d.default.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"carbon_v161_14_0__sc-88022e8f-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=d.default.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"carbon_v161_14_0__sc-88022e8f-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:t})=>t&&e.css(["background:var(--colorsActionMajor025);"])),(({disabled:t})=>t&&e.css(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],c,p,y,_))),m=d.default.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"carbon_v161_14_0__sc-88022e8f-5"})(["",""],(({checked:t,hasFocus:i})=>e.css(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],t&&e.css(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&e.css([""," z-index:15;"],s.default())))),u=d.default.div.attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"carbon_v161_14_0__sc-88022e8f-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],t.margin,m,(({checked:t,disabled:i})=>!t&&!i&&e.css(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),g=d.default.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"carbon_v161_14_0__sc-88022e8f-7"})(["width:fit-content;position:relative;z-index:200;"]),v=d.default.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"carbon_v161_14_0__sc-88022e8f-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n span[data-element="chevron_down"] {\n transition: transform 0.3s;\n ${!e&&"transform: rotate(-90deg)"};\n }\n `)),x=d.default(o.default).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"carbon_v161_14_0__sc-88022e8f-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),h=d.default.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"carbon_v161_14_0__sc-88022e8f-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),b=d.default.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"carbon_v161_14_0__sc-88022e8f-11"})(["",""],(({hasActionAdornment:t})=>e.css(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],t&&`\n margin-right: var(--sizing200);\n display: flex;\n align-items: baseline;\n min-height: var(--sizing400);\n\n ${r.default} {\n top: 2px;\n }\n `))),S=d.default(i.Fieldset).attrs(l.default).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"carbon_v161_14_0__sc-88022e8f-12"})([""," ","{font-size:16px;}","{gap:0px;}",""],t.margin,n.StyledLegend,n.StyledFieldsetContent,(({multiSelect:t})=>t&&e.css(["","{margin-bottom:8px;}"],u))),w=d.default.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"carbon_v161_14_0__sc-88022e8f-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);exports.StyledAccordionFooterWrapper=v,exports.StyledAdornment=_,exports.StyledDescription=y,exports.StyledDeselectWrapper=b,exports.StyledFocusWrapper=m,exports.StyledFooterWrapper=g,exports.StyledGroupDescription=w,exports.StyledSubtitle=p,exports.StyledTileSelect=f,exports.StyledTileSelectContainer=u,exports.StyledTileSelectFieldset=S,exports.StyledTileSelectInput=x,exports.StyledTitle=c,exports.StyledTitleContainer=h;

package/lib/components/time/time.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../__internal__/legacy-label/label.component.js");function l(e){return e&&e.__esModule?e:{default:e}}const n=l(e).default(t.default).withConfig({displayName:"time.style__StyledLabel",componentId:"~~carbon_v161_13_1__sc~~-f5dd46fd-0"})(["label{font-weight:var(--fontWeights400);}"]);exports.default=n;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../__internal__/legacy-label/label.component.js");function l(e){return e&&e.__esModule?e:{default:e}}const n=l(e).default(t.default).withConfig({displayName:"time.style__StyledLabel",componentId:"carbon_v161_14_0__sc-f5dd46fd-0"})(["label{font-weight:var(--fontWeights400);}"]);exports.default=n;