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/esm/components/radio-button/radio-button-group/radio-button-group.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import a,{css as o}from"styled-components";const l={small:{gap:"var(--global-space-comp-s)"},medium:{gap:"var(--global-space-comp-m)"},large:{gap:"var(--global-space-comp-l)"}},e=a.div.withConfig({displayName:"radio-button-group.style__StyledRadioButtonGroupContent",componentId:"~~carbon_v161_13_1__sc~~-a23ec9a0-0"})(["",""],(({$size:a,$inline:e})=>o(["display:flex;flex-direction:column;gap:",";",""],l[a].gap,e&&o(["flex-direction:row;gap:var(--global-space-comp-l);"]))));export{e as default};
1	+ import a,{css as o}from"styled-components";const l={small:{gap:"var(--global-space-comp-s)"},medium:{gap:"var(--global-space-comp-m)"},large:{gap:"var(--global-space-comp-l)"}},e=a.div.withConfig({displayName:"radio-button-group.style__StyledRadioButtonGroupContent",componentId:"carbon_v161_14_0__sc-a23ec9a0-0"})(["",""],(({$size:a,$inline:e})=>o(["display:flex;flex-direction:column;gap:",";",""],l[a].gap,e&&o(["flex-direction:row;gap:var(--global-space-comp-l);"]))));export{e as default};

package/esm/components/radio-button/radio-button.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import i from"../../style/themes/apply-base-theme.js";import o from"../../style/utils/add-focus-styling.js";const t={small:{svgSize:"var(--global-size-3-xs)",labelFont:"var(--global-font-static-comp-regular-s)"},medium:{svgSize:"var(--global-size-xs)",labelFont:"var(--global-font-static-comp-regular-m)"},large:{svgSize:"var(--global-size-s)",labelFont:"var(--global-font-static-comp-regular-l)"}},s=a.div.attrs(i).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"~~carbon_v161_13_1__sc~~-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:l,$error:i})=>e([".checkable-label{font:",';}[data-role="checkable-input-svg-wrapper"],svg{border-radius:var(--global-radius-action-circle);}',"{position:absolute;box-sizing:border-box;min-height:var(--global-size-xs);}",',[data-role="checkable-input-svg-wrapper"],svg{height:',";width:",";}svg{box-sizing:border-box;background-color:var(--input-typical-bg-default);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);","}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-active);}',':not([disabled]){&:focus + [data-role="checkable-input-svg-wrapper"]{',"}}",""],t[l].labelFont,r,r,t[l].svgSize,t[l].svgSize,!a&&i&&e(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),r,r,o(),a&&e(["svg{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);}circle{fill:var(--input-typical-bg-disabled);}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-disabled);}'],r))),l);export{s as default};
1	+ import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import i from"../../style/themes/apply-base-theme.js";import o from"../../style/utils/add-focus-styling.js";const t={small:{svgSize:"var(--global-size-3-xs)",labelFont:"var(--global-font-static-comp-regular-s)"},medium:{svgSize:"var(--global-size-xs)",labelFont:"var(--global-font-static-comp-regular-m)"},large:{svgSize:"var(--global-size-s)",labelFont:"var(--global-font-static-comp-regular-l)"}},s=a.div.attrs(i).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v161_14_0__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:l,$error:i})=>e([".checkable-label{font:",';}[data-role="checkable-input-svg-wrapper"],svg{border-radius:var(--global-radius-action-circle);}',"{position:absolute;box-sizing:border-box;min-height:var(--global-size-xs);}",',[data-role="checkable-input-svg-wrapper"],svg{height:',";width:",";}svg{box-sizing:border-box;background-color:var(--input-typical-bg-default);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);","}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-active);}',':not([disabled]){&:focus + [data-role="checkable-input-svg-wrapper"]{',"}}",""],t[l].labelFont,r,r,t[l].svgSize,t[l].svgSize,!a&&i&&e(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),r,r,o(),a&&e(["svg{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);}circle{fill:var(--input-typical-bg-disabled);}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-disabled);}'],r))),l);export{s as default};

package/esm/components/search/__internal__/legacy/search-button.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o from"styled-components";import r from"../../../button/button.style.js";import t from"../../../icon/icon.style.js";import a from"../../../../style/themes/apply-base-theme.js";const e=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"~~carbon_v161_13_1__sc~~-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(a).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"~~carbon_v161_13_1__sc~~-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r,t,t);export{e as StyledButtonIcon,n as default};
1	+ import o from"styled-components";import r from"../../../button/button.style.js";import t from"../../../icon/icon.style.js";import a from"../../../../style/themes/apply-base-theme.js";const e=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v161_14_0__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(a).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v161_14_0__sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:1;}}"],r,t,t);export{e as StyledButtonIcon,n as default};

package/esm/components/search/__internal__/legacy/search.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useImperativeHandle as o,useState as a,useMemo as i}from"react";import l from"invariant";import s from"../../../../__internal__/utils/helpers/tags/tags.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../../style/utils/filter-styled-system-margin-props.js";import u from"./search.style.js";import p from"./search-button.style.js";import m from"../../../icon/icon.component.js";import{Textbox as f}from"../../../textbox/textbox.component.js";import h from"../../../button/button.component.js";import b from"../../../../hooks/__internal__/useLocale/useLocale.js";import d from"../../../../__internal__/utils/helpers/events/events.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(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){y(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}function O(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const j=r.forwardRef(((r,y)=>{var{onChange:j,onClick:w,onFocus:P,onBlur:x,onKeyDown:B,value:k,id:_,name:D,label:C,inputHint:S,searchWidth:W,maxWidth:I,searchButton:T,searchButtonDataProps:E,searchButtonAriaLabel:F,placeholder:H,variant:K="default","aria-label":L,tabIndex:N,error:A,warning:$,info:z,tooltipPosition:M,triggerOnClear:R}=r,V=O(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonDataProps","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const q=b(),G=n(null),J=n(null);o(y,(()=>({focus(){var e;null===(e=J.current)\|\|void 0===e\|\|e.focus()}})),[]),l("string"==typeof k,"This component has no initial value");const[Q,U]=a(!1),X=0===k.length;let Y={};T&&w&&(Y={onClick:()=>{w({target:{name:D,id:_,value:k}})}});const Z="string"==typeof T?T:q.search.searchButtonText(),ee=!!(null==k?void 0:k.length),{className:te}=V,re=O(V,["className"]),ne=i((()=>["legacy-search",ee?"has-value":void 0,"dark"===K?"dark-background":void 0,T?"with-button":void 0,te].filter(Boolean).join(" ")),[ee,K,T,te]);return e(u,v(g({ref:G,isFocused:Q,searchWidth:W,maxWidth:I,searchHasValue:ee,showSearchButton:!!T,variant:K,id:_,name:D},re,c(re),s("search",re)),{className:ne,children:[t(f,{placeholder:H,value:k,inputIcon:X?void 0:"cross",iconTabIndex:X?-1:0,iconOnClick:()=>{var e;null==j\|\|j({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})}),R&&(null==w\|\|w({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})})),null===(e=J.current)\|\|void 0===e\|\|e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":L\|\|(C?void 0:q.search.searchButtonText()),label:C,inputHint:S,onFocus:e=>{U(!0),P&&P(e)},onBlur:e=>{U(!1),x&&x(e)},onChange:e=>{j(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),d.isEscKey(e)&&!X&&(e.stopPropagation(),null==j\|\|j({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})})),B&&B(e)},ref:J,tabIndex:N,error:A,warning:$,info:z,leftChildren:T?void 0:t(m,{type:"search",ml:1}),tooltipPosition:M,my:0,maxWidth:"100%"}),T&&t(p,{children:t(h,v(g({"aria-label":F\|\|Z,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"legacy-search-button"},s(`${Z}-button`,g({"data-element":`${Z}-button`},E)),Y),{children:Z}))})]}))}));export{j as Search,j as default};
1	+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useImperativeHandle as o,useState as a,useMemo as i}from"react";import l from"invariant";import s from"../../../../__internal__/utils/helpers/tags/tags.js";import"../../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../../style/utils/filter-styled-system-margin-props.js";import u from"./search.style.js";import p from"./search-button.style.js";import m from"../../../icon/icon.component.js";import"../../../icon/icon.style.js";import{Textbox as f}from"../../../textbox/textbox.component.js";import h from"../../../button/button.component.js";import b from"../../../../hooks/__internal__/useLocale/useLocale.js";import d from"../../../../__internal__/utils/helpers/events/events.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(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){y(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}function O(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const j=r.forwardRef(((r,y)=>{var{onChange:j,onClick:w,onFocus:P,onBlur:x,onKeyDown:B,value:k,id:_,name:D,label:C,inputHint:S,searchWidth:W,maxWidth:I,searchButton:T,searchButtonDataProps:E,searchButtonAriaLabel:F,placeholder:H,variant:K="default","aria-label":L,tabIndex:N,error:A,warning:$,info:z,tooltipPosition:M,triggerOnClear:R}=r,V=O(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonDataProps","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const q=b(),G=n(null),J=n(null);o(y,(()=>({focus(){var e;null===(e=J.current)\|\|void 0===e\|\|e.focus()}})),[]),l("string"==typeof k,"This component has no initial value");const[Q,U]=a(!1),X=0===k.length;let Y={};T&&w&&(Y={onClick:()=>{w({target:{name:D,id:_,value:k}})}});const Z="string"==typeof T?T:q.search.searchButtonText(),ee=!!(null==k?void 0:k.length),{className:te}=V,re=O(V,["className"]),ne=i((()=>["legacy-search",ee?"has-value":void 0,"dark"===K?"dark-background":void 0,T?"with-button":void 0,te].filter(Boolean).join(" ")),[ee,K,T,te]);return e(u,v(g({ref:G,isFocused:Q,searchWidth:W,maxWidth:I,searchHasValue:ee,showSearchButton:!!T,variant:K,id:_,name:D},re,c(re),s("search",re)),{className:ne,children:[t(f,{placeholder:H,value:k,inputIcon:X?void 0:"cross",iconTabIndex:X?-1:0,iconOnClick:()=>{var e;null==j\|\|j({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})}),R&&(null==w\|\|w({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})})),null===(e=J.current)\|\|void 0===e\|\|e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":L\|\|(C?void 0:q.search.searchButtonText()),label:C,inputHint:S,onFocus:e=>{U(!0),P&&P(e)},onBlur:e=>{U(!1),x&&x(e)},onChange:e=>{j(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),d.isEscKey(e)&&!X&&(e.stopPropagation(),null==j\|\|j({target:v(g({},D&&{name:D},_&&{id:_}),{value:""})})),B&&B(e)},ref:J,tabIndex:N,error:A,warning:$,info:z,leftChildren:T?void 0:t(m,{type:"search",ml:1}),tooltipPosition:M,my:0,maxWidth:"100%"}),T&&t(p,{children:t(h,v(g({"aria-label":F\|\|Z,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"legacy-search-button"},s(`${Z}-button`,g({"data-element":`${Z}-button`},E)),Y),{children:Z}))})]}))}));export{j as Search,j as default};

package/esm/components/search/__internal__/legacy/search.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import e from"../../../icon/icon.style.js";import i from"../../../../style/themes/apply-base-theme.js";import n from"../../../../__internal__/form-field/form-field.style.js";const s=r.div.attrs(i).withConfig({displayName:"search.style__StyledSearch",componentId:"~~carbon_v161_13_1__sc~~-a8478a22-0"})(["",""],(({isFocused:r,searchWidth:i,maxWidth:s,searchHasValue:l,showSearchButton:c,variant:m})=>{const d="dark"===m;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,i?`${i}`:"100%",s?`${s}`:"100%",!c&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],d?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",d?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(l\|\|r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),n,e,d&&!c&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!d&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,l&&t(["margin-bottom:-1px;"]))}));export{s as default};
1	+ import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import e from"../../../icon/icon.style.js";import i from"../../../../style/themes/apply-base-theme.js";import n from"../../../../__internal__/form-field/form-field.style.js";const s=r.div.attrs(i).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v161_14_0__sc-a8478a22-0"})(["",""],(({isFocused:r,searchWidth:i,maxWidth:s,searchHasValue:l,showSearchButton:c,variant:m})=>{const d="dark"===m;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,i?`${i}`:"100%",s?`${s}`:"100%",!c&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],d?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",d?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(l\|\|r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),n,e,d&&!c&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!d&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,l&&t(["margin-bottom:-1px;"]))}));export{s as default};

package/esm/components/search/__internal__/results-announcement.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as r}from"react";import i from"styled-components";import a from"../../../style/utils/visually-hidden.js";import c from"../../../hooks/__internal__/useDebounce/useDebounce.js";const s=i.div.withConfig({displayName:"results-announcement.component__ResultsAnnouncementContainer",componentId:"~~carbon_v161_13_1__sc~~-acf99c7b-0"})(["",""],a),l=({announcement:i,searchValue:a,delay:l=1500})=>{const[u,m]=n(""),[d,p]=n(!1),_=o(!1),v=c((e=>{m(e),p((e=>!e))}),l);return r((()=>i?_.current?void v(i):(m(i),p((e=>!e)),void(_.current=!0)):(v.cancel(),m(""),void(_.current=!1))),[i,a,v]),e(s,{children:[t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?u:""}),t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?"":u})]})};export{l as default};
1	+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as r}from"react";import i from"styled-components";import a from"../../../style/utils/visually-hidden.js";import c from"../../../hooks/__internal__/useDebounce/useDebounce.js";const s=i.div.withConfig({displayName:"results-announcement.component__ResultsAnnouncementContainer",componentId:"carbon_v161_14_0__sc-acf99c7b-0"})(["",""],a),l=({announcement:i,searchValue:a,delay:l=1500})=>{const[u,m]=n(""),[d,p]=n(!1),_=o(!1),v=c((e=>{m(e),p((e=>!e))}),l);return r((()=>i?_.current?void v(i):(m(i),p((e=>!e)),void(_.current=!0)):(v.cancel(),m(""),void(_.current=!1))),[i,a,v]),e(s,{children:[t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?u:""}),t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?"":u})]})};export{l as default};

package/esm/components/search/search.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useRef as o,useState as i,useContext as a,useImperativeHandle as l,useEffect as c,useMemo as s,useCallback as u}from"react";import m from"styled-components";import p from"invariant";import d from"../../__internal__/utils/helpers/tags/tags.js";import{Button as h}from"../button/__next__/button.component.js";import v from"../../hooks/__internal__/useLocale/useLocale.js";import{Divider as f}from"../divider/divider.component.js";import{TextInput as _}from"../textbox/__internal__/__next__/text-input.component.js";import b from"../menu/__internal__/menu.context.js";import g from"../../__internal__/popover-menu/popover-menu.component.js";import y from"../../__internal__/popover-menu/menu-item/menu-item.component.js";import j from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js";import O from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js";import x from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js";import w from"../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js";import C from"../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js";import P from"../../__internal__/utils/helpers/combine-refs/index.js";import{Search as k}from"./__internal__/legacy/search.component.js";import L from"./__internal__/results-announcement.component.js";import D from"../../__internal__/utils/helpers/guid/index.js";function B(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){B(e,n,t[n])}))}return e}function W(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const S=m.span.withConfig({displayName:"search.component__AssistiveHint",componentId:"~~carbon_v161_13_1__sc~~-64628478-0"})(["display:none;"]),N=m.strong.withConfig({displayName:"search.component__HighlightedMatch",componentId:"~~carbon_v161_13_1__sc~~-64628478-1"})(["&&&&{","}"],(({$size:e})=>`font: var(--global-font-static-comp-medium-${(null==e?void 0:e.charAt(0))\|\|"m"});`)),A=r.forwardRef(((m,B)=>{var{onChange:A,onClick:E,triggerOnClear:z,value:H,id:$,name:R,label:T,placeholder:K,searchButtonDataProps:M,open:F,maxHeight:Q,minQueryLength:q,listData:U,onListItemSelect:V,onClose:G,searchButtonAriaLabel:J,"aria-label":X,variant:Y,inverse:Z,error:ee,size:ne,inputWidth:te,searchButton:re,searchWidth:oe,maxWidth:ie,tabIndex:ae,tooltipPosition:le,warning:ce,className:se,onKeyDown:ue}=m,me=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0\|\|(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(m,["onChange","onClick","triggerOnClear","value","id","name","label","placeholder","searchButtonDataProps","open","maxHeight","minQueryLength","listData","onListItemSelect","onClose","searchButtonAriaLabel","aria-label","variant","inverse","error","size","inputWidth","searchButton","searchWidth","maxWidth","tabIndex","tooltipPosition","warning","className","onKeyDown"]);const pe=v(),de=o(D()),he=o(null),ve=o(null),fe=o(null),_e=o(null),[be,ge]=i(),{inMenu:ye}=a(b);l(B,(()=>({focus(){var e,n;ye?null===(n=_e.current)\|\|void 0===n\|\|n.focus():null===(e=he.current)\|\|void 0===e\|\|e.focus()},focusButton(){var e;null===(e=fe.current)\|\|void 0===e\|\|e.focus()}})),[ye]),p("string"==typeof H,"This component has no initial value");const je=pe.search.searchButtonText();c((()=>{if(!z\|\|!E)return;const e=he.current;if(!e)return;const n={current:!1},t=e=>{n.current="Enter"===e.key},r=e=>{const t=e.target;t.value\|\|n.current\|\|E({target:W(I({},R&&{name:R},$&&{id:$}),{value:t.value})}),n.current=!1};return e.addEventListener("keydown",t),e.addEventListener("search",r),()=>{e.removeEventListener("keydown",t),e.removeEventListener("search",r)}}),[z,E,R,$]);const Oe=null!=te?te:(e=>{if(!e)return;const n=Number.parseFloat(e);return Number.isNaN(n)?void 0:n})(oe),xe={searchButton:re,searchWidth:oe,tabIndex:ae,tooltipPosition:le,warning:ce},we=s((()=>["search",Z\|\|"dark"===Y?"inverse":void 0,ee?"error":void 0,se].filter(Boolean).join(" ")),[Z,Y,se,ee]),Ce=s((()=>{var e;return null!==(e=null==U?void 0:U.flatMap((e=>e.items.filter((e=>!e.disabled)))))&&void 0!==e?e:[]}),[U]),Pe=u((e=>{if(null==ue\|\|ue(e),!F\|\|0===Ce.length)return;const n=Ce.findIndex((e=>e.value===be));if("ArrowDown"!==e.key)if("ArrowUp"!==e.key)"Home"!==e.key?"End"===e.key&&ge(Ce[Ce.length-1].value):ge(Ce[0].value);else{const e=-1===n?Ce.length-1:(n-1+Ce.length)%Ce.length;ge(Ce[e].value)}else{const e=-1===n?0:(n+1)%Ce.length;ge(Ce[e].value)}}),[Ce,be,ue,F]);c((()=>{F\|\|ge(void 0)}),[F]),c((()=>{be&&!Ce.some((e=>e.value===be))&&ge(void 0)}),[Ce,be]);const ke=({ref:r,containerRef:o,popoverControlProps:i,inputWidthOverride:a}={})=>e(_,W(I(W(I({},me,d("search",me)),{className:we,id:$,name:R,type:"search",label:T\|\|"",onChange:A,onKeyDown:Pe,value:H,size:ne,inputWidth:null!=a?a:Oe,maxWidth:ie,error:ee,"aria-label":X\|\|(T?void 0:pe.search.searchButtonText()),ref:P(r,he),containerRef:o}),i,i&&{"aria-describedby":de.current}),{inputIcon:n(t,{children:[e(f,{"aria-hidden":!0,"data-role":"search-divider",height:`calc(100% - var(--global-space-comp-${(null==ne?void 0:ne.charAt(0))\|\|"m"}))`,p:0,type:"vertical"}),e(h,I({ref:fe,"aria-label":J\|\|je,className:"search-button",iconType:"search",inverse:Z,size:ne,variant:"default",variantType:"subtle"},d(`${je}-button`,I({"data-element":`${je}-button`},M)),E&&{onClick:()=>E({target:{name:R,id:$,value:H}})}))]})})),Le=ke(),De=(r,o)=>{if(!o)return r;const i=r.toLowerCase(),a=o.toLowerCase(),l=i.indexOf(a);if(-1===l)return r;const c=l+o.length;return n(t,{children:[r.slice(0,l),e(N,{$size:ne,children:r.slice(l,c)}),r.slice(c)]})},Be=s((()=>(null==U?void 0:U.reduce(((e,n)=>e+n.items.length),0))\|\|0),[U]),Ie=s((()=>{var e,n;const t=null!=q?q:3;return 0===H.length?"":H.length<t?null===(r=(o=pe.search).queryTooShort)\|\|void 0===r?void 0:r.call(o,t):0===Be?null===(i=(a=pe.search).noResults)\|\|void 0===i?void 0:i.call(a):null===(e=(n=pe.search).results)\|\|void 0===e?void 0:e.call(n,Be);var r,o,i,a}),[pe,q,Be,H]);return ye?e(k,W(I({},me,xe),{onChange:A,onKeyDown:ue,value:H,id:$,error:ee,placeholder:K,name:R,label:T,variant:Y,"aria-label":X,searchButtonAriaLabel:J,searchButtonDataProps:M,triggerOnClear:z,onClick:E,ref:_e})):void 0===F?Le:e(g,{open:F,maxHeight:Q,size:ne,controlReference:ve,listboxAriaLabel:null!=X?X:"string"==typeof T?T:void 0,controlWrapperStyle:void 0!==Oe?{width:`${Oe}%`}:{width:"100%"},onClose:(e,n)=>null==G?void 0:G(e,n),popoverControl:(r,o)=>{var i,a;return n(t,{children:[ke({ref:r,containerRef:ve,popoverControlProps:o,inputWidthOverride:100}),e(S,{id:de.current,children:null===(i=(a=pe.search).assistiveHint)\|\|void 0===i?void 0:i.call(a)}),e(L,{announcement:Ie,searchValue:H})]})},children:null==U?void 0:U.map(((t,o)=>n(r.Fragment,{children:[o>0&&e(w,{}),e(C,{text:t.heading,icon:t.icon,children:t.items.map((t=>{const{value:r,id:o,disabled:i,label:a,labelPrefix:l,subtext:c,selectedIcon:s,leading:u,onClick:m}=t,p=be===r;return n(y,{id:o,disabled:i,selected:p,onClick:e=>{null==V\|\|V(r),null==m\|\|m(e,r),null==G\|\|G(void 0,r)},children:[e(j,{selectedIcon:!!s&&p,children:u}),e(O,{prefix:l,children:De(a,H)}),c&&e(x,{children:c})]},r)}))})]},t.heading)))})}));export{A as Search,A as default};
1	+ import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useRef as o,useState as i,useContext as a,useImperativeHandle as l,useEffect as c,useMemo as s,useCallback as u}from"react";import m from"styled-components";import p from"invariant";import d from"../../__internal__/utils/helpers/tags/tags.js";import{Button as h}from"../button/__next__/button.component.js";import v from"../../hooks/__internal__/useLocale/useLocale.js";import{Divider as f}from"../divider/divider.component.js";import{TextInput as _}from"../textbox/__internal__/__next__/text-input.component.js";import b from"../menu/__internal__/menu.context.js";import g from"../../__internal__/popover-menu/popover-menu.component.js";import y from"../../__internal__/popover-menu/menu-item/menu-item.component.js";import j from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js";import O from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js";import x from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js";import w from"../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js";import C from"../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js";import P from"../../__internal__/utils/helpers/combine-refs/index.js";import{Search as k}from"./__internal__/legacy/search.component.js";import L from"./__internal__/results-announcement.component.js";import D from"../../__internal__/utils/helpers/guid/index.js";function B(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){B(e,n,t[n])}))}return e}function W(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const S=m.span.withConfig({displayName:"search.component__AssistiveHint",componentId:"carbon_v161_14_0__sc-64628478-0"})(["display:none;"]),N=m.strong.withConfig({displayName:"search.component__HighlightedMatch",componentId:"carbon_v161_14_0__sc-64628478-1"})(["&&&&{","}"],(({$size:e})=>`font: var(--global-font-static-comp-medium-${(null==e?void 0:e.charAt(0))\|\|"m"});`)),A=r.forwardRef(((m,B)=>{var{onChange:A,onClick:E,triggerOnClear:z,value:H,id:$,name:R,label:T,placeholder:K,searchButtonDataProps:M,open:F,maxHeight:Q,minQueryLength:q,listData:U,onListItemSelect:V,onClose:G,searchButtonAriaLabel:J,"aria-label":X,variant:Y,inverse:Z,error:ee,size:ne,inputWidth:te,searchButton:re,searchWidth:oe,maxWidth:ie,tabIndex:ae,tooltipPosition:le,warning:ce,className:se,onKeyDown:ue}=m,me=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0\|\|(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(m,["onChange","onClick","triggerOnClear","value","id","name","label","placeholder","searchButtonDataProps","open","maxHeight","minQueryLength","listData","onListItemSelect","onClose","searchButtonAriaLabel","aria-label","variant","inverse","error","size","inputWidth","searchButton","searchWidth","maxWidth","tabIndex","tooltipPosition","warning","className","onKeyDown"]);const pe=v(),de=o(D()),he=o(null),ve=o(null),fe=o(null),_e=o(null),[be,ge]=i(),{inMenu:ye}=a(b);l(B,(()=>({focus(){var e,n;ye?null===(n=_e.current)\|\|void 0===n\|\|n.focus():null===(e=he.current)\|\|void 0===e\|\|e.focus()},focusButton(){var e;null===(e=fe.current)\|\|void 0===e\|\|e.focus()}})),[ye]),p("string"==typeof H,"This component has no initial value");const je=pe.search.searchButtonText();c((()=>{if(!z\|\|!E)return;const e=he.current;if(!e)return;const n={current:!1},t=e=>{n.current="Enter"===e.key},r=e=>{const t=e.target;t.value\|\|n.current\|\|E({target:W(I({},R&&{name:R},$&&{id:$}),{value:t.value})}),n.current=!1};return e.addEventListener("keydown",t),e.addEventListener("search",r),()=>{e.removeEventListener("keydown",t),e.removeEventListener("search",r)}}),[z,E,R,$]);const Oe=null!=te?te:(e=>{if(!e)return;const n=Number.parseFloat(e);return Number.isNaN(n)?void 0:n})(oe),xe={searchButton:re,searchWidth:oe,tabIndex:ae,tooltipPosition:le,warning:ce},we=s((()=>["search",Z\|\|"dark"===Y?"inverse":void 0,ee?"error":void 0,se].filter(Boolean).join(" ")),[Z,Y,se,ee]),Ce=s((()=>{var e;return null!==(e=null==U?void 0:U.flatMap((e=>e.items.filter((e=>!e.disabled)))))&&void 0!==e?e:[]}),[U]),Pe=u((e=>{if(null==ue\|\|ue(e),!F\|\|0===Ce.length)return;const n=Ce.findIndex((e=>e.value===be));if("ArrowDown"!==e.key)if("ArrowUp"!==e.key)"Home"!==e.key?"End"===e.key&&ge(Ce[Ce.length-1].value):ge(Ce[0].value);else{const e=-1===n?Ce.length-1:(n-1+Ce.length)%Ce.length;ge(Ce[e].value)}else{const e=-1===n?0:(n+1)%Ce.length;ge(Ce[e].value)}}),[Ce,be,ue,F]);c((()=>{F\|\|ge(void 0)}),[F]),c((()=>{be&&!Ce.some((e=>e.value===be))&&ge(void 0)}),[Ce,be]);const ke=({ref:r,containerRef:o,popoverControlProps:i,inputWidthOverride:a}={})=>e(_,W(I(W(I({},me,d("search",me)),{className:we,id:$,name:R,type:"search",label:T\|\|"",onChange:A,onKeyDown:Pe,value:H,size:ne,inputWidth:null!=a?a:Oe,maxWidth:ie,error:ee,"aria-label":X\|\|(T?void 0:pe.search.searchButtonText()),ref:P(r,he),containerRef:o}),i,i&&{"aria-describedby":de.current}),{inputIcon:n(t,{children:[e(f,{"aria-hidden":!0,"data-role":"search-divider",height:`calc(100% - var(--global-space-comp-${(null==ne?void 0:ne.charAt(0))\|\|"m"}))`,p:0,type:"vertical"}),e(h,I({ref:fe,"aria-label":J\|\|je,className:"search-button",iconType:"search",inverse:Z,size:ne,variant:"default",variantType:"subtle"},d(`${je}-button`,I({"data-element":`${je}-button`},M)),E&&{onClick:()=>E({target:{name:R,id:$,value:H}})}))]})})),Le=ke(),De=(r,o)=>{if(!o)return r;const i=r.toLowerCase(),a=o.toLowerCase(),l=i.indexOf(a);if(-1===l)return r;const c=l+o.length;return n(t,{children:[r.slice(0,l),e(N,{$size:ne,children:r.slice(l,c)}),r.slice(c)]})},Be=s((()=>(null==U?void 0:U.reduce(((e,n)=>e+n.items.length),0))\|\|0),[U]),Ie=s((()=>{var e,n;const t=null!=q?q:3;return 0===H.length?"":H.length<t?null===(r=(o=pe.search).queryTooShort)\|\|void 0===r?void 0:r.call(o,t):0===Be?null===(i=(a=pe.search).noResults)\|\|void 0===i?void 0:i.call(a):null===(e=(n=pe.search).results)\|\|void 0===e?void 0:e.call(n,Be);var r,o,i,a}),[pe,q,Be,H]);return ye?e(k,W(I({},me,xe),{onChange:A,onKeyDown:ue,value:H,id:$,error:ee,placeholder:K,name:R,label:T,variant:Y,"aria-label":X,searchButtonAriaLabel:J,searchButtonDataProps:M,triggerOnClear:z,onClick:E,ref:_e})):void 0===F?Le:e(g,{open:F,maxHeight:Q,size:ne,controlReference:ve,listboxAriaLabel:null!=X?X:"string"==typeof T?T:void 0,controlWrapperStyle:void 0!==Oe?{width:`${Oe}%`}:{width:"100%"},onClose:(e,n)=>null==G?void 0:G(e,n),popoverControl:(r,o)=>{var i,a;return n(t,{children:[ke({ref:r,containerRef:ve,popoverControlProps:o,inputWidthOverride:100}),e(S,{id:de.current,children:null===(i=(a=pe.search).assistiveHint)\|\|void 0===i?void 0:i.call(a)}),e(L,{announcement:Ie,searchValue:H})]})},children:null==U?void 0:U.map(((t,o)=>n(r.Fragment,{children:[o>0&&e(w,{}),e(C,{text:t.heading,icon:t.icon,children:t.items.map((t=>{const{value:r,id:o,disabled:i,label:a,labelPrefix:l,subtext:c,selectedIcon:s,leading:u,onClick:m}=t,p=be===r;return n(y,{id:o,disabled:i,selected:p,onClick:e=>{null==V\|\|V(r),null==m\|\|m(e,r),null==G\|\|G(void 0,r)},children:[e(j,{selectedIcon:!!s&&p,children:u}),e(O,{prefix:l,children:De(a,H)}),c&&e(x,{children:c})]},r)}))})]},t.heading)))})}));export{A as Search,A as default};

package/esm/components/select/__internal__/list-action-button/list-action-button.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t from"styled-components";import o from"../../../button/button.style.js";const r=t.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"~~carbon_v161_13_1__sc~~-7af8ee4c-0"})(["padding-top:var(--spacing100);padding-bottom:var(--spacing100);border-top:1px solid var(--colorsUtilityDisabled600);box-shadow:0 0px 0 0 rgba(0,0,0,0),0 -8px 8px 0 rgba(0,0,0,0.03);width:100%;position:sticky;bottom:0;background-color:inherit;border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);","{border:none;justify-content:left;padding-left:var(--spacing200);padding-right:var(--spacing200);}"],o);export{r as default};
1	+ import t from"styled-components";import o from"../../../button/button.style.js";const r=t.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"carbon_v161_14_0__sc-7af8ee4c-0"})(["padding-top:var(--spacing100);padding-bottom:var(--spacing100);border-top:1px solid var(--colorsUtilityDisabled600);box-shadow:0 0px 0 0 rgba(0,0,0,0),0 -8px 8px 0 rgba(0,0,0,0.03);width:100%;position:sticky;bottom:0;background-color:inherit;border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);","{border:none;justify-content:left;padding-left:var(--spacing200);padding-right:var(--spacing200);}"],o);export{r as default};

package/esm/components/select/__internal__/select-list/select-list.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t,{css as e}from"styled-components";import o from"../../../../style/themes/apply-base-theme.js";const i=t.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"~~carbon_v161_13_1__sc~~-cd99fc43-0"})(["",""],(({listHeight:t})=>e(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===t?"":`height: ${t}px;`))),a=t.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"~~carbon_v161_13_1__sc~~-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),l=t.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"~~carbon_v161_13_1__sc~~-cd99fc43-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),r=t.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"~~carbon_v161_13_1__sc~~-cd99fc43-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:t})=>`calc(100% - ${t}px)`)),d=t.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"~~carbon_v161_13_1__sc~~-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),s=t.div.attrs(o).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"~~carbon_v161_13_1__sc~~-cd99fc43-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:t})=>t.zIndex.popover),(({isLoading:t})=>t&&"min-height: 150px")),n=t.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"~~carbon_v161_13_1__sc~~-cd99fc43-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:t})=>`${t}px`),(({hasActionButton:t})=>!t&&e(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));export{n as StyledScrollableContainer,i as StyledSelectList,s as StyledSelectListContainer,l as StyledSelectListTable,d as StyledSelectListTableBody,r as StyledSelectListTableHeader,a as StyledSelectLoaderContainer};
1	+ import t,{css as e}from"styled-components";import o from"../../../../style/themes/apply-base-theme.js";const i=t.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v161_14_0__sc-cd99fc43-0"})(["",""],(({listHeight:t})=>e(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===t?"":`height: ${t}px;`))),a=t.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"carbon_v161_14_0__sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),l=t.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"carbon_v161_14_0__sc-cd99fc43-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),r=t.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"carbon_v161_14_0__sc-cd99fc43-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:t})=>`calc(100% - ${t}px)`)),d=t.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"carbon_v161_14_0__sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),s=t.div.attrs(o).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"carbon_v161_14_0__sc-cd99fc43-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:t})=>t.zIndex.popover),(({isLoading:t})=>t&&"min-height: 150px")),n=t.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"carbon_v161_14_0__sc-cd99fc43-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:t})=>`${t}px`),(({hasActionButton:t})=>!t&&e(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));export{n as StyledScrollableContainer,i as StyledSelectList,s as StyledSelectListContainer,l as StyledSelectListTable,d as StyledSelectListTableBody,r as StyledSelectListTableHeader,a as StyledSelectLoaderContainer};

package/esm/components/select/__internal__/select-textbox/select-textbox.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e,{css as t}from"styled-components";import o from"../../../../__internal__/legacy-input/input-sizes.style.js";const l=e.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"~~carbon_v161_13_1__sc~~-216771d5-0"})(["",""],(({$disabled:e,$hasPlaceholder:l,$readOnly:n,$transparent:i,$size:r})=>t(["align-items:center;align-self:stretch;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],o[r].horizontalPadding,i&&t(["font-weight:500;text-align:right;"]),l&&t(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],i?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",i?500:"normal"),e&&t(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),n&&t(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=e.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"~~carbon_v161_13_1__sc~~-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:e})=>e&&t(["cursor:not-allowed;"])),(({$readOnly:e})=>e&&t(["cursor:default;"])));export{l as StyledSelectText,n as StyledSelectTextChildrenWrapper};
1	+ import e,{css as t}from"styled-components";import o from"../../../../__internal__/legacy-input/input-sizes.style.js";const l=e.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v161_14_0__sc-216771d5-0"})(["",""],(({$disabled:e,$hasPlaceholder:l,$readOnly:n,$transparent:i,$size:r})=>t(["align-items:center;align-self:stretch;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],o[r].horizontalPadding,i&&t(["font-weight:500;text-align:right;"]),l&&t(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],i?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",i?500:"normal"),e&&t(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),n&&t(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=e.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"carbon_v161_14_0__sc-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:e})=>e&&t(["cursor:not-allowed;"])),(({$readOnly:e})=>e&&t(["cursor:default;"])));export{l as StyledSelectText,n as StyledSelectTextChildrenWrapper};

package/esm/components/select/__internal__/utils/matching-text.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t from"styled-components";const e=t.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"~~carbon_v161_13_1__sc~~-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);export{e as default};
1	+ import t from"styled-components";const e=t.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v161_14_0__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);export{e as default};

package/esm/components/select/multi-select/multi-select.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import e from"styled-components";import t from"../../pill/pill.style.js";import i from"../../../style/themes/apply-base-theme.js";import l from"../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../select.style.js";const s=e.div.attrs(i).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"~~carbon_v161_13_1__sc~~-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t),n=e(o).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"~~carbon_v161_13_1__sc~~-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],l),c=e.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"~~carbon_v161_13_1__sc~~-4d4e5df5-2"})(["display:none;"]);export{c as StyledAccessibilityLabelContainer,n as StyledSelectMultiSelect,s as StyledSelectPillContainer};
1	+ import e from"styled-components";import t from"../../pill/pill.style.js";import i from"../../../style/themes/apply-base-theme.js";import l from"../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../select.style.js";const s=e.div.attrs(i).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"carbon_v161_14_0__sc-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t),n=e(o).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"carbon_v161_14_0__sc-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],l),c=e.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"carbon_v161_14_0__sc-4d4e5df5-2"})(["display:none;"]);export{c as StyledAccessibilityLabelContainer,n as StyledSelectMultiSelect,s as StyledSelectPillContainer};

package/esm/components/select/option/option.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as i}from"styled-components";const t=o.li.withConfig({displayName:"option.style__StyledOption",componentId:"~~carbon_v161_13_1__sc~~-f2d82e3a-0"})(["box-sizing:border-box;line-height:16px;padding:12px 16px;width:100%;user-select:none;position:absolute;top:0;left:0;width:100%;"," "," ",""],(({isInteractive:o,isHighlighted:t})=>o&&i(["cursor:pointer;:hover{background-color:var(--colorsUtilityMajor100);}",""],t&&i(["background-color:var(--colorsUtilityMajor200);"]))),(({hidden:o})=>o&&"display: none;"),(({isDisabled:o})=>o&&i(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));export{t as default};
1	+ import o,{css as i}from"styled-components";const t=o.li.withConfig({displayName:"option.style__StyledOption",componentId:"carbon_v161_14_0__sc-f2d82e3a-0"})(["box-sizing:border-box;line-height:16px;padding:12px 16px;width:100%;user-select:none;position:absolute;top:0;left:0;width:100%;"," "," ",""],(({isInteractive:o,isHighlighted:t})=>o&&i(["cursor:pointer;:hover{background-color:var(--colorsUtilityMajor100);}",""],t&&i(["background-color:var(--colorsUtilityMajor200);"]))),(({hidden:o})=>o&&"display: none;"),(({isDisabled:o})=>o&&i(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));export{t as default};

package/esm/components/select/option-group-header/option-group-header.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import n,{useRef as o}from"react";import i from"../../../__internal__/utils/helpers/guid/index.js";import c from"../../../__internal__/utils/logger/index.js";import l from"./option-group-header.style.js";import p from"../../icon/icon.component.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u=n.forwardRef(((n,u)=>{var{label:f,icon:s,style:b,id:O,children:y}=n,d=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0\|\|(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["label","icon","style","id","children"]);const m=o(O\|\|i());return y\|\|f\|\|c.warn("OptionGroupHeader requires either a label or children to be provided"),e(l,(j=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}({style:b,id:m.current},d),g=null!=(g={ref:u,"data-component":"option-group-header",children:y\|\|r(t,{children:[s&&e(p,{type:s}),e("h4",{children:f})]})})?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(j,Object.getOwnPropertyDescriptors(g)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(g)).forEach((function(e){Object.defineProperty(j,e,Object.getOwnPropertyDescriptor(g,e))})),j));var j,g}));u.displayName="OptionGroupHeader";export{u as default};
1	+ import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import n,{useRef as o}from"react";import i from"../../../__internal__/utils/helpers/guid/index.js";import c from"../../../__internal__/utils/logger/index.js";import l from"./option-group-header.style.js";import p from"../../icon/icon.component.js";import"../../icon/icon.style.js";function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u=n.forwardRef(((n,u)=>{var{label:s,icon:f,style:b,id:y,children:O}=n,d=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0\|\|(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["label","icon","style","id","children"]);const m=o(y\|\|i());return O\|\|s\|\|c.warn("OptionGroupHeader requires either a label or children to be provided"),e(l,(j=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}({style:b,id:m.current},d),g=null!=(g={ref:u,"data-component":"option-group-header",children:O\|\|r(t,{children:[f&&e(p,{type:f}),e("h4",{children:s})]})})?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(j,Object.getOwnPropertyDescriptors(g)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(g)).forEach((function(e){Object.defineProperty(j,e,Object.getOwnPropertyDescriptor(g,e))})),j));var j,g}));u.displayName="OptionGroupHeader";export{u as default};

package/esm/components/select/option-group-header/option-group-header.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o from"styled-components";import i from"../../icon/icon.style.js";const t=o.div.withConfig({displayName:"option-group-header.style__StyledOptionGroupHeader",componentId:"~~carbon_v161_13_1__sc~~-48ad131f-0"})(["box-sizing:border-box;position:absolute;height:40px;padding-left:16px;padding-top:16px;display:flex;align-items:center;width:100%;h4{font-size:12px;text-transform:uppercase;line-height:18px;text-align:left;margin:0;color:var(--colorsUtilityYin055);}","{margin-right:4px;margin-left:-5px;color:var(--colorsUtilityYin055);&:hover{color:var(--colorsUtilityYin055);}}"],i);export{t as default};
1	+ import o from"styled-components";import i from"../../icon/icon.style.js";const t=o.div.withConfig({displayName:"option-group-header.style__StyledOptionGroupHeader",componentId:"carbon_v161_14_0__sc-48ad131f-0"})(["box-sizing:border-box;position:absolute;height:40px;padding-left:16px;padding-top:16px;display:flex;align-items:center;width:100%;h4{font-size:12px;text-transform:uppercase;line-height:18px;text-align:left;margin:0;color:var(--colorsUtilityYin055);}","{margin-right:4px;margin-left:-5px;color:var(--colorsUtilityYin055);&:hover{color:var(--colorsUtilityYin055);}}"],i);export{t as default};

package/esm/components/select/option-row/option-row.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as t}from"styled-components";const i=o.tr.withConfig({displayName:"option-row.style__StyledOptionRow",componentId:"~~carbon_v161_13_1__sc~~-a4c1b2fd-0"})(["cursor:pointer;width:100%;position:absolute;top:0;left:0;"," "," :hover{background-color:var(--colorsUtilityMajor100);}td{line-height:16px;padding:12px 16px;&:first-child{font-weight:500;}}",""],(({hidden:o})=>o&&"display: none;"),(({isHighlighted:o})=>o&&t(["background-color:var(--colorsUtilityMajor200);"])),(({isDisabled:o})=>o&&t(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));export{i as default};
1	+ import o,{css as t}from"styled-components";const i=o.tr.withConfig({displayName:"option-row.style__StyledOptionRow",componentId:"carbon_v161_14_0__sc-a4c1b2fd-0"})(["cursor:pointer;width:100%;position:absolute;top:0;left:0;"," "," :hover{background-color:var(--colorsUtilityMajor100);}td{line-height:16px;padding:12px 16px;&:first-child{font-weight:500;}}",""],(({hidden:o})=>o&&"display: none;"),(({isHighlighted:o})=>o&&t(["background-color:var(--colorsUtilityMajor200);"])),(({isDisabled:o})=>o&&t(["color:var(--colorsUtilityYin030);cursor:not-allowed;:hover{background-color:var(--colorsUtilityYang100);}"])));export{i as default};

package/esm/components/select/select.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t from"styled-components";import{margin as e}from"styled-system";import o from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../style/themes/apply-base-theme.js";const s=t.div.attrs(i).withConfig({displayName:"select.style__StyledSelect",componentId:"~~carbon_v161_13_1__sc~~-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],e,o);export{s as default};
1	+ import t from"styled-components";import{margin as e}from"styled-system";import o from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../style/themes/apply-base-theme.js";const s=t.div.attrs(i).withConfig({displayName:"select.style__StyledSelect",componentId:"carbon_v161_14_0__sc-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],e,o);export{s as default};

package/esm/components/settings-row/settings-row.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import t,{css as o}from"styled-components";import{margin as e}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import{StyledHeader as s,StyledSeparator as n}from"../heading/heading.style.js";const r=t.div.attrs(i).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"~~carbon_v161_13_1__sc~~-b1bd4709-0"})([""," clear:both;color:var(--colorsUtilityYin055);display:flex;font-size:14px;justify-content:space-between;padding:0;position:relative;"," ","{margin-bottom:0;}","{margin-bottom:17px;}+ &{padding-top:30px;}"],e,(({hasDivider:t})=>t&&o(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),s,n),d=t.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"~~carbon_v161_13_1__sc~~-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),a=t.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"~~carbon_v161_13_1__sc~~-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);export{r as StyledSettingsRow,d as StyledSettingsRowHeader,a as StyledSettingsRowInput};
1	+ import t,{css as o}from"styled-components";import{margin as e}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import{StyledHeader as s,StyledSeparator as n}from"../heading/heading.style.js";const r=t.div.attrs(i).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"carbon_v161_14_0__sc-b1bd4709-0"})([""," clear:both;color:var(--colorsUtilityYin055);display:flex;font-size:14px;justify-content:space-between;padding:0;position:relative;"," ","{margin-bottom:0;}","{margin-bottom:17px;}+ &{padding-top:30px;}"],e,(({hasDivider:t})=>t&&o(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),s,n),d=t.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"carbon_v161_14_0__sc-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),a=t.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"carbon_v161_14_0__sc-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);export{r as StyledSettingsRow,d as StyledSettingsRowHeader,a as StyledSettingsRowInput};

package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as t}from"styled-components";import{padding as r}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import e from"../../../icon-button/icon-button.style.js";import a from"../../../icon/icon.style.js";const s=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"~~carbon_v161_13_1__sc~~-9741e920-0"})(["background-color:",";box-shadow:inset 0 -1px 0 0 var(--colorsUtilityMajor100);box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);transition:all 0.2s ease;"," ",' div[data-element="sidebar-heading"]{width:100%;}'],(({headerVariant:o})=>"light"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100)"),r,(({hasClose:o,headerVariant:r})=>o&&t(["display:flex;justify-content:space-between;gap:var(--spacing200);> ",":first-of-type{"," align-self:flex-start;}"],e,"dark"===r&&t(["","{color:var(--colorsUtilityYang080);}"],a)))),l=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"~~carbon_v161_13_1__sc~~-9741e920-1"})(["box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);background-color:var(--colorsUtilityMajor050);border-bottom:1px solid var(--colorsUtilityMajor075);"," transition:all 0.2s ease;"],r);export{l as StyledSidebarSubHeader,s as default};
1	+ import o,{css as t}from"styled-components";import{padding as r}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import e from"../../../icon-button/icon-button.style.js";import a from"../../../icon/icon.style.js";const s=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"carbon_v161_14_0__sc-9741e920-0"})(["background-color:",";box-shadow:inset 0 -1px 0 0 var(--colorsUtilityMajor100);box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);transition:all 0.2s ease;"," ",' div[data-element="sidebar-heading"]{width:100%;}'],(({headerVariant:o})=>"light"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100)"),r,(({hasClose:o,headerVariant:r})=>o&&t(["display:flex;justify-content:space-between;gap:var(--spacing200);> ",":first-of-type{"," align-self:flex-start;}"],e,"dark"===r&&t(["","{color:var(--colorsUtilityYang080);}"],a)))),l=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"carbon_v161_14_0__sc-9741e920-1"})(["box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);background-color:var(--colorsUtilityMajor050);border-bottom:1px solid var(--colorsUtilityMajor075);"," transition:all 0.2s ease;"],r);export{l as StyledSidebarSubHeader,s as default};

package/esm/components/sidebar/sidebar.component.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useRef as t,useCallback as a}from"react";import n from"../../__internal__/modal/modal.component.js";import{StyledSidebar as i,StyledSidebarContent as s}from"./sidebar.style.js";import l from"../icon-button/icon-button.component.js";import c from"../icon/icon.component.js";import d from"../../__internal__/focus-trap/focus-trap.component.js";import u,{SidebarSubHeader as p}from"./__internal__/sidebar-header/sidebar-header.component.js";import b from"../../__internal__/utils/helpers/guid/index.js";import m from"../../hooks/__internal__/useLocale/useLocale.js";import f from"../../style/utils/filter-styled-system-padding-props.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import h from"../../hooks/__internal__/useModalAria/useModalAria.js";import O from"./__internal__/sidebar.context.js";import j from"../../hooks/useMediaQuery/useMediaQuery.js";function _(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function g(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){_(e,r,o[r])}))}return e}function P(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})),e}const w=o.forwardRef(((o,_)=>{var{"aria-describedby":w,"aria-label":v,"aria-labelledby":k,"data-element":F="sidebar","data-role":S,open:C,bespokeFocusTrap:E,closeButtonDataProps:x,disableAutoFocus:A=!1,disableEscKey:I=!1,enableBackgroundUI:M=!1,header:D,headerVariant:B="light",subHeader:H,position:N="right",size:z="medium",children:K,onCancel:L,role:R="dialog",focusFirstElement:T,focusableContainers:U,focusableSelectors:V,width:Q,widthAnimation:W=!1,headerPadding:q={},subHeaderPadding:G={},topModalOverride:J,restoreFocusOnClose:X=!0,className:Y,hidden:Z}=o,$=function(e,r){if(null==e)return{};var o,t,a=function(e,r){if(null==e)return{};var o,t,a={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0\|\|(a[o]=e[o]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,o)&&(a[o]=e[o])}return a}(o,["aria-describedby","aria-label","aria-labelledby","data-element","data-role","open","bespokeFocusTrap","closeButtonDataProps","disableAutoFocus","disableEscKey","enableBackgroundUI","header","headerVariant","subHeader","position","size","children","onCancel","role","focusFirstElement","focusableContainers","focusableSelectors","width","widthAnimation","headerPadding","subHeaderPadding","topModalOverride","restoreFocusOnClose","className","hidden"]);const ee=m(),re=j("screen and (prefers-reduced-motion: no-preference)"),{current:oe}=t(b()),{current:te}=t(b()),ae=t(null),ne=a((e=>{ae.current=e,_&&("object"==typeof _&&(_.current=e),"function"==typeof _&&_(e))}),[_]),ie=h(ae,Z),se=()=>L?r(l,P(g({"aria-label":ee.sidebar.ariaLabels.close(),onClick:L},y("close",g({"data-element":"close"},x))),{children:r(c,{type:"close"})})):null,le=e(i,{"aria-modal":!M&&ie,"aria-describedby":w\|\|te,"aria-label":v,"aria-labelledby":k\|\|v?k:oe,"data-component":"sidebar","data-element":F,"data-role":S,ref:ne,position:N,size:z,onCancel:L,role:R,width:Q,widthAnimation:W&&re,className:Y,children:[D&&r(u,P(g({headerVariant:B,closeIcon:se()},q),{id:oe,children:D})),H&&r(p,P(g({},G),{id:te,children:H})),!D&&se(),r(s,P(g({"data-element":"sidebar-content","data-role":"sidebar-content",tabIndex:-1},f($)),{children:r(O.Provider,{value:{isInSidebar:!0},children:K})}))]});return r(n,{open:C,onCancel:L,disableEscKey:I,enableBackgroundUI:M,topModalOverride:J,restoreFocusOnClose:X,children:M?le:r(d,{wrapperRef:ae,isOpen:C,additionalWrapperRefs:U,focusableSelectors:V,focusFirstElement:T,autoFocus:!A,bespokeTrap:E,children:le})})}));w.displayName="Sidebar";export{w as Sidebar,w as default};
1	+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import o,{useRef as t,useCallback as a}from"react";import n from"../../__internal__/modal/modal.component.js";import{StyledSidebar as i,StyledSidebarContent as s}from"./sidebar.style.js";import l from"../icon-button/icon-button.component.js";import c from"../icon/icon.component.js";import"../icon/icon.style.js";import d from"../../__internal__/focus-trap/focus-trap.component.js";import u,{SidebarSubHeader as p}from"./__internal__/sidebar-header/sidebar-header.component.js";import b from"../../__internal__/utils/helpers/guid/index.js";import m from"../../hooks/__internal__/useLocale/useLocale.js";import f from"../../style/utils/filter-styled-system-padding-props.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import h from"../../hooks/__internal__/useModalAria/useModalAria.js";import O from"./__internal__/sidebar.context.js";import j from"../../hooks/useMediaQuery/useMediaQuery.js";function _(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function g(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){_(e,r,o[r])}))}return e}function P(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})),e}const w=o.forwardRef(((o,_)=>{var{"aria-describedby":w,"aria-label":v,"aria-labelledby":k,"data-element":F="sidebar","data-role":S,open:C,bespokeFocusTrap:E,closeButtonDataProps:x,disableAutoFocus:A=!1,disableEscKey:I=!1,enableBackgroundUI:M=!1,header:D,headerVariant:B="light",subHeader:H,position:N="right",size:z="medium",children:K,onCancel:L,role:R="dialog",focusFirstElement:T,focusableContainers:U,focusableSelectors:V,width:Q,widthAnimation:W=!1,headerPadding:q={},subHeaderPadding:G={},topModalOverride:J,restoreFocusOnClose:X=!0,className:Y,hidden:Z}=o,$=function(e,r){if(null==e)return{};var o,t,a=function(e,r){if(null==e)return{};var o,t,a={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0\|\|(a[o]=e[o]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,o)&&(a[o]=e[o])}return a}(o,["aria-describedby","aria-label","aria-labelledby","data-element","data-role","open","bespokeFocusTrap","closeButtonDataProps","disableAutoFocus","disableEscKey","enableBackgroundUI","header","headerVariant","subHeader","position","size","children","onCancel","role","focusFirstElement","focusableContainers","focusableSelectors","width","widthAnimation","headerPadding","subHeaderPadding","topModalOverride","restoreFocusOnClose","className","hidden"]);const ee=m(),re=j("screen and (prefers-reduced-motion: no-preference)"),{current:oe}=t(b()),{current:te}=t(b()),ae=t(null),ne=a((e=>{ae.current=e,_&&("object"==typeof _&&(_.current=e),"function"==typeof _&&_(e))}),[_]),ie=h(ae,Z),se=()=>L?r(l,P(g({"aria-label":ee.sidebar.ariaLabels.close(),onClick:L},y("close",g({"data-element":"close"},x))),{children:r(c,{type:"close"})})):null,le=e(i,{"aria-modal":!M&&ie,"aria-describedby":w\|\|te,"aria-label":v,"aria-labelledby":k\|\|v?k:oe,"data-component":"sidebar","data-element":F,"data-role":S,ref:ne,position:N,size:z,onCancel:L,role:R,width:Q,widthAnimation:W&&re,className:Y,children:[D&&r(u,P(g({headerVariant:B,closeIcon:se()},q),{id:oe,children:D})),H&&r(p,P(g({},G),{id:te,children:H})),!D&&se(),r(s,P(g({"data-element":"sidebar-content","data-role":"sidebar-content",tabIndex:-1},f($)),{children:r(O.Provider,{value:{isInSidebar:!0},children:K})}))]});return r(n,{open:C,onCancel:L,disableEscKey:I,enableBackgroundUI:M,topModalOverride:J,restoreFocusOnClose:X,children:M?le:r(d,{wrapperRef:ae,isOpen:C,additionalWrapperRefs:U,focusableSelectors:V,focusFirstElement:T,autoFocus:!A,bespokeTrap:E,children:le})})}));w.displayName="Sidebar";export{w as Sidebar,w as default};

package/esm/components/sidebar/sidebar.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as i}from"styled-components";import{padding as t}from"styled-system";import e from"../../style/utils/element-sizing.js";import s from"../../style/themes/apply-base-theme.js";import n from"../icon-button/icon-button.style.js";import{SIDEBAR_SIZES_CSS as r}from"./sidebar.config.js";import{StyledForm as a,StyledFormContent as d}from"../form/form.style.js";const l=o.div.attrs(s).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"~~carbon_v161_13_1__sc~~-925b46ee-0"})([":focus{outline:none;}",""],(({onCancel:o,position:t,size:s,theme:a,width:d,widthAnimation:l})=>i(["background:var(--colorsUtilityYang100);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," "," ",""],a.zIndex.fullScreenModal,!d&&s&&i(["width:",";"],r[s]),d&&e({width:d}),l&&i(["transition:width 0.3s ease;"]),t&&i(["box-shadow:var(--boxShadow300);",":0;"],t),o&&i(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],n)))),p=o.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"~~carbon_v161_13_1__sc~~-925b46ee-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;padding:var(--spacing300) var(--spacing400) var(--spacing400);"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--spacing300) var(--spacing400) var(--spacing400);","}}}"],t,a,a,d,t);export{l as StyledSidebar,p as StyledSidebarContent};
1	+ import o,{css as i}from"styled-components";import{padding as t}from"styled-system";import e from"../../style/utils/element-sizing.js";import s from"../../style/themes/apply-base-theme.js";import n from"../icon-button/icon-button.style.js";import{SIDEBAR_SIZES_CSS as r}from"./sidebar.config.js";import{StyledForm as a,StyledFormContent as d}from"../form/form.style.js";const l=o.div.attrs(s).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"carbon_v161_14_0__sc-925b46ee-0"})([":focus{outline:none;}",""],(({onCancel:o,position:t,size:s,theme:a,width:d,widthAnimation:l})=>i(["background:var(--colorsUtilityYang100);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," "," ",""],a.zIndex.fullScreenModal,!d&&s&&i(["width:",";"],r[s]),d&&e({width:d}),l&&i(["transition:width 0.3s ease;"]),t&&i(["box-shadow:var(--boxShadow300);",":0;"],t),o&&i(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],n)))),p=o.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"carbon_v161_14_0__sc-925b46ee-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;padding:var(--spacing300) var(--spacing400) var(--spacing400);"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--spacing300) var(--spacing400) var(--spacing400);","}}}"],t,a,a,d,t);export{l as StyledSidebar,p as StyledSidebarContent};

package/esm/components/simple-color-picker/simple-color/simple-color.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as t}from"styled-components";import i from"../../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../../__internal__/legacy-input/input-presentation.style.js";import"../../carbon-provider/__internal__/new-validation.context.js";import e from"./checker-board.svg";import r from"../../icon/icon.component.js";import n from"../../../style/utils/get-rgb-values.js";import s from"../../../style/utils/add-focus-styling.js";const l=o.div.withConfig({displayName:"simple-color.style__StyledSimpleColor",componentId:"~~carbon_v161_13_1__sc~~-303f1be7-0"})(["width:var(--sizing700);height:var(--sizing700);margin-right:2px;margin-bottom:2px;&:hover{cursor:pointer;}"]),a=o.div.withConfig({displayName:"simple-color.style__StyledColorSampleBox",componentId:"~~carbon_v161_13_1__sc~~-303f1be7-1"})(["height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;"," ",""],(({color:o})=>"transparent"!==o&&t(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&t(['background-color:#eeeeee;background-image:url("','");background-size:14px 14px;background-position:-2px -2px;'],e))),c=o(i).withConfig({displayName:"simple-color.style__StyledSimpleColorInput",componentId:"~~carbon_v161_13_1__sc~~-303f1be7-2"})(["position:absolute;opacity:0;height:var(--sizing700);width:var(--sizing700);margin:0;&:hover{cursor:pointer;}&:disabled:hover{cursor:not-allowed;}&:focus + ","{","}"],a,s(!0)),p=o(r).withConfig({displayName:"simple-color.style__StyledTickIcon",componentId:"~~carbon_v161_13_1__sc~~-303f1be7-3"})(["height:20px;width:20px;pointer-events:none;display:block;&::before{font-size:20px;color:",";}"],(({color:o})=>(o=>{const t=n(o),[i,e,r]=t;return(Math.round(299i)+Math.round(587e)+Math.round(114*r))/1e3<128?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"})(o)));export{a as StyledColorSampleBox,l as StyledSimpleColor,c as StyledSimpleColorInput,p as StyledTickIcon};
1	+ import o,{css as t}from"styled-components";import i from"../../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../../__internal__/legacy-input/input-presentation.style.js";import"../../carbon-provider/__internal__/new-validation.context.js";import e from"./checker-board.svg";import r from"../../icon/icon.component.js";import"../../icon/icon.style.js";import n from"../../../style/utils/get-rgb-values.js";import s from"../../../style/utils/add-focus-styling.js";const l=o.div.withConfig({displayName:"simple-color.style__StyledSimpleColor",componentId:"carbon_v161_14_0__sc-303f1be7-0"})(["width:var(--sizing700);height:var(--sizing700);margin-right:2px;margin-bottom:2px;&:hover{cursor:pointer;}"]),c=o.div.withConfig({displayName:"simple-color.style__StyledColorSampleBox",componentId:"carbon_v161_14_0__sc-303f1be7-1"})(["height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;"," ",""],(({color:o})=>"transparent"!==o&&t(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&t(['background-color:#eeeeee;background-image:url("','");background-size:14px 14px;background-position:-2px -2px;'],e))),a=o(i).withConfig({displayName:"simple-color.style__StyledSimpleColorInput",componentId:"carbon_v161_14_0__sc-303f1be7-2"})(["position:absolute;opacity:0;height:var(--sizing700);width:var(--sizing700);margin:0;&:hover{cursor:pointer;}&:disabled:hover{cursor:not-allowed;}&:focus + ","{","}"],c,s(!0)),p=o(r).withConfig({displayName:"simple-color.style__StyledTickIcon",componentId:"carbon_v161_14_0__sc-303f1be7-3"})(["height:20px;width:20px;pointer-events:none;display:block;&::before{font-size:20px;color:",";}"],(({color:o})=>(o=>{const t=n(o),[i,e,r]=t;return(Math.round(299i)+Math.round(587e)+Math.round(114*r))/1e3<128?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"})(o)));export{c as StyledColorSampleBox,l as StyledSimpleColor,a as StyledSimpleColorInput,p as StyledTickIcon};

package/esm/components/simple-color-picker/simple-color-picker.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import o,{css as i}from"styled-components";import e from"../../__internal__/validations/validation-icon.style.js";const r=o.div.withConfig({displayName:"simple-color-picker.style__StyledContent",componentId:"~~carbon_v161_13_1__sc~~-e2fee886-0"})(["display:flex;align-items:center;","{margin-left:4px;}"],e),t=o.div.withConfig({displayName:"simple-color-picker.style__StyledColorOptions",componentId:"~~carbon_v161_13_1__sc~~-e2fee886-1"})(["max-width:","px;padding:0;display:flex;flex-wrap:wrap;border-left:","px solid transparent;border-top:","px solid transparent;",""],(({maxWidth:o,childWidth:i})=>((o,i)=>Math.floor(+o/+i)*+i)(o,i)),2,2,(({error:o,info:e,warning:r})=>o?i(["outline:var(--borderWidth200) solid var(--colorsSemanticNegative500);"]):r?i(["outline:var(--borderWidth200) solid var(--colorsSemanticCaution500);"]):e?i(["outline:var(--borderWidth200) solid var(--colorsSemanticInfo500);"]):""));export{t as StyledColorOptions,r as StyledContent};
1	+ import o,{css as i}from"styled-components";import e from"../../__internal__/validations/validation-icon.style.js";const r=o.div.withConfig({displayName:"simple-color-picker.style__StyledContent",componentId:"carbon_v161_14_0__sc-e2fee886-0"})(["display:flex;align-items:center;","{margin-left:4px;}"],e),t=o.div.withConfig({displayName:"simple-color-picker.style__StyledColorOptions",componentId:"carbon_v161_14_0__sc-e2fee886-1"})(["max-width:","px;padding:0;display:flex;flex-wrap:wrap;border-left:","px solid transparent;border-top:","px solid transparent;",""],(({maxWidth:o,childWidth:i})=>((o,i)=>Math.floor(+o/+i)*+i)(o,i)),2,2,(({error:o,info:e,warning:r})=>o?i(["outline:var(--borderWidth200) solid var(--colorsSemanticNegative500);"]):r?i(["outline:var(--borderWidth200) solid var(--colorsSemanticCaution500);"]):e?i(["outline:var(--borderWidth200) solid var(--colorsSemanticInfo500);"]):""));export{t as StyledColorOptions,r as StyledContent};

package/esm/components/split-button/split-button-children.style.js CHANGED Viewed

	@@ -1 +1 @@
1	- import r,{css as o}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import d from"../button/button.style.js";const i="\n > {\n &:first-child:last-child > * {\n border-radius: var(--borderRadius100);\n }\n\n &:first-child:not(:last-child) > * {\n border-top-left-radius: var(--borderRadius100);\n border-top-right-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius000);\n }\n\n &:not(:first-child):not(:last-child) > * {\n border-radius: var(--borderRadius000);\n }\n\n &:last-child:not(:first-child) > * {\n border-top-right-radius: var(--borderRadius000);\n border-top-left-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius100);\n }\n }\n",a=r.ul.attrs(t).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"~~carbon_v161_13_1__sc~~-b97d9599-0"})(["border-radius:var(--borderRadius100);",""],(({theme:r,align:t,minWidth:a})=>o(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],a,r.zIndex.popover,i,d,t,t)));export{i as borderRadiusStyling,a as default};
1	+ import r,{css as o}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import d from"../button/button.style.js";const i="\n > {\n &:first-child:last-child > * {\n border-radius: var(--borderRadius100);\n }\n\n &:first-child:not(:last-child) > * {\n border-top-left-radius: var(--borderRadius100);\n border-top-right-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius000);\n }\n\n &:not(:first-child):not(:last-child) > * {\n border-radius: var(--borderRadius000);\n }\n\n &:last-child:not(:first-child) > * {\n border-top-right-radius: var(--borderRadius000);\n border-top-left-radius: var(--borderRadius000);\n border-bottom-left-radius: var(--borderRadius100);\n border-bottom-right-radius: var(--borderRadius100);\n }\n }\n",a=r.ul.attrs(t).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"carbon_v161_14_0__sc-b97d9599-0"})(["border-radius:var(--borderRadius100);",""],(({theme:r,align:t,minWidth:a})=>o(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],a,r.zIndex.popover,i,d,t,t)));export{i as borderRadiusStyling,a as default};

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

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

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

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

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

	@@ -1 +1 @@
1	- import t from"styled-components";import{margin as o}from"styled-system";import r from"../button/button.style.js";import e from"../../style/themes/apply-base-theme.js";const i=t.div.attrs(e).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"~~carbon_v161_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;}}"],o,r,r);export{i as default};
1	+ import t from"styled-components";import{margin as o}from"styled-system";import r from"../button/button.style.js";import e from"../../style/themes/apply-base-theme.js";const i=t.div.attrs(e).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v161_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;}}"],o,r,r);export{i as default};

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- import e,{css as t}from"styled-components";import{space as s}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const a=e.ol.attrs(o).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"~~carbon_v161_13_1__sc~~-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:e})=>"vertical"===e&&t(["flex-direction:column;height:100%;"])),s);export{a as default};
1	+ import e,{css as t}from"styled-components";import{space as s}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const a=e.ol.attrs(o).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"carbon_v161_14_0__sc-efc9a3ac-0"})(["display:flex;align-items:flex-start;margin:0;padding:0;"," ",""],(({$orientation:e})=>"vertical"===e&&t(["flex-direction:column;height:100%;"])),s);export{a as default};

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

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

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

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