carbon-react 154.6.1 → 154.7.1

package/lib/components/select/multi-select/multi-select.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("invariant");require("../../../style/utils/filter-styled-system-padding-props.js");var r=require("../../../style/utils/filter-styled-system-margin-props.js"),n=require("../../../style/utils/filter-out-styled-system-spacing-props.js"),i=require("../__internal__/select-textbox/select-textbox.component.js"),o=require("../../../__internal__/utils/helpers/guid/index.js"),u=require("../__internal__/utils/with-filter.hoc.js"),a=require("../__internal__/select-list/select-list.component.js"),s=require("./multi-select.style.js"),c=require("../../pill/pill.component.js"),d=require("../__internal__/utils/is-expected-option.js"),f=require("../__internal__/utils/is-expected-value.js"),p=require("../__internal__/utils/is-navigation-key.js"),b=require("../../../__internal__/utils/logger/index.js"),v=require("../../../hooks/__internal__/useStableCallback/useStableCallback.js"),m=require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");function y(e){return e&&e.__esModule?e:{default:e}}var h=y(t),g=y(l);function O(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function _(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){O(e,t,l[t])}))}return e}function j(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 l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}let C=!1;const S=u.default(a.default);let x=!1;const w=h.default.forwardRef(((l,u)=>{var{"aria-label":a,"aria-labelledby":y,value:O,defaultValue:w,id:k,label:P,name:q,disabled:E,readOnly:M,children:R,onOpen:D,onFilterChange:L,onChange:V,onClick:I,onFocus:T,onBlur:B,onKeyDown:F,openOnFocus:H=!1,noResultsMessage:A,placeholder:z,isLoading:K,onListScrollBottom:W,tableHeader:$,multiColumn:U,tooltipPosition:G,size:J,"data-element":N,"data-role":Q,listPlacement:X="bottom",listMaxHeight:Y,flipEnabled:Z=!0,wrapPillText:ee=!0,enableVirtualScroll:te,virtualScrollOverscan:le,isOptional:re,required:ne,listWidth:ie}=l,oe=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(l,["aria-label","aria-labelledby","value","defaultValue","id","label","name","disabled","readOnly","children","onOpen","onFilterChange","onChange","onClick","onFocus","onBlur","onKeyDown","openOnFocus","noResultsMessage","placeholder","isLoading","onListScrollBottom","tableHeader","multiColumn","tooltipPosition","size","data-element","data-role","listPlacement","listMaxHeight","flipEnabled","wrapPillText","enableVirtualScroll","virtualScrollOverscan","isOptional","required","listWidth"]);!x&&re&&(x=!0,b.default.deprecate("`isOptional` is deprecated in MultiSelect and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const[ue,ae]=t.useState(""),se=t.useRef(o.default()),ce=t.useRef(o.default()),de=t.useRef(null),fe=t.useRef(null),pe=t.useRef(!1),be=t.useRef(!1),ve=t.useRef(!1),me=t.useRef(!1),ye=t.useRef(!1),he=t.useRef(void 0!==O),[ge,Oe]=t.useState(),[_e,je]=t.useState(!1),[Ce,Se]=t.useState(""),[xe,we]=t.useState(O||w||[]),[ke,Pe]=t.useState(""),[qe,Ee]=t.useState(""),[Me,Re]=t.useState(),De=t.useRef(k||o.default()),{labelId:Le}=m.default({id:De.current,label:P}),Ve=t.useRef(null),Ie=he.current?O:xe;!C&&(!he||!V&&w)&&(C=!0,b.default.deprecate("Uncontrolled behaviour in `Multi Select` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const Te=t.useCallback((()=>{je((e=>(!e&&D&&D(),!0)))}),[D]),Be=t.useCallback(((e,t)=>({target:j(_({},q&&{name:q},k&&{id:k}),{value:e}),selectionConfirmed:t})),[q,k]),Fe=t.useCallback(((e,t)=>{const l=e(Ie);l.length!==(null==Ie?void 0:Ie.length)&&(null==V||V(Be(l,t))),he.current||we(e)}),[Be,V,Ie]),He=t.useCallback((e=>{const t=e.target.value,l=(r=t,n=R,h.default.Children.toArray(n).find((e=>{const{text:t}=e.props;return-1!==(null==t?void 0:t.toLowerCase().indexOf(null==r?void 0:r.toLowerCase()))})));var r,n;l&&Pe(l.props.value),Ee(t),Se(t),Te()}),[R,Te]),Ae=t.useCallback((e=>{be.current=!0,Fe((t=>{if(!t.length)return t;const l=t.slice();return l.splice(e,1),l}),!0)}),[Fe]),ze=t.useCallback((e=>{const{key:t}=e,l="Backspace"===t||"Delete"===t;F&&F(e),M||(!e.defaultPrevented&&p.default(t)&&(e.preventDefault(),Te()),!l||""!==qe&&""!==Ce||Ae(-1))}),[F,M,qe,Ce,Te,Ae]),Ke=t.useMemo((()=>{var e;return Ie&&Ie.length?null===(e=h.default.Children.map(R,(e=>!(!h.default.isValidElement(e)||!Ie.includes(e.props.value))&&e.props.text)))||void 0===e?void 0:e.filter((e=>e)).reduce(((e,t)=>e?`${e}, ${t}`:t),""):null}),[R,Ie]),We=t.useCallback((e=>{if(ve.current=!1,!_e)return;const t=de.current&&!de.current.contains(e.target),l=fe.current&&!fe.current.contains(e.target);t&&l&&!be.current&&(Se(""),Ee(""),Pe(""),je(!1)),be.current=!1}),[_e]),$e=t.useMemo((()=>{const t=!E&&!M;let l;return(null==Ie?void 0:Ie.length)?Ie.map(((r,n)=>{const i=h.default.Children.toArray(R).find((e=>h.default.isValidElement(e)&&d.default(e,r)));let o={};if(!i)return null;var u,a;h.default.isValidElement(i)&&(l=void 0!==(null==i||null===(u=i.props.value)||void 0===u?void 0:u.value)?null==i||null===(a=i.props.value)||void 0===a?void 0:a.value:null==i?void 0:i.props.value,o={title:i.props.text,fill:i.props.fill,borderColor:i.props.borderColor});const f=o.title||"",p=f+l||n;return e.jsx(s.StyledSelectPillContainer,{children:e.jsx(c.Pill,j(_({onDelete:t?()=>Ae(n):void 0,wrapText:ee},o),{children:f}))},p)})):""}),[R,E,M,Ie]);t.useEffect((()=>{g.default(he.current===(void 0!==O),"Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component"),g.default(!he.current||he.current&&V,"onChange prop required when using a controlled input element")}),[O,V]),t.useEffect((()=>{const e=null==O?void 0:O.length,t=null==Ie?void 0:Ie.length;Re(e||t?" ":z)}),[O,Ie,z]),t.useEffect((()=>{const e="click";return window.addEventListener(e,We),function(){window.removeEventListener(e,We)}}),[We]);const Ue=v.useStableCallback(L),Ge=t.useRef(!0);function Je(e){ve.current=!0,"input"===e.target.dataset.element&&(me.current=!0)}t.useEffect((()=>{Ue&&!Ge.current&&Ue(qe)}),[Ue,qe]),t.useEffect((()=>{Ge.current=!1}),[]);const Ne=t.useCallback((e=>{const{value:t,selectionType:l,id:r,selectionConfirmed:n}=e;if("navigationKey"===l)return Pe(t),void ae(r);"click"===l&&(be.current=!0),Se("");const i=-1!==(null==Ie?void 0:Ie.findIndex((e=>f.default(e,t))));null==ge||ge.focus(),ve.current=!1,Fe((e=>i?e:[...e,t]),n)}),[ge,Ie,Fe]),Qe=t.useCallback((()=>{je(!1),Ee("")}),[]),Xe=t.useCallback((e=>{e&&(Oe(e),u&&("function"==typeof u?u(e):u.current=e))}),[u]);let Ye;switch(X){case"top":Ye="top-end";break;case"bottom":Ye="bottom-end";break;default:Ye=X}const Ze=e.jsx(S,{ref:fe,id:se.current,labelId:Le,anchorElement:(null==ge?void 0:ge.parentElement)||void 0,onSelect:Ne,onSelectListClose:Qe,onMouseDown:function(){ve.current=!0},filterText:qe.trim(),highlightedValue:ke,noResultsMessage:A,isLoading:K,onListScrollBottom:W,tableHeader:$,multiColumn:U,listPlacement:void 0!==ie?Ye:X,listMaxHeight:Y,flipEnabled:Z,multiselectValues:Ie,isOpen:_e,enableVirtualScroll:te,virtualScrollOverscan:le,listWidth:ie,children:R}),et=r.default(oe);return e.jsxs(s.StyledSelectMultiSelect,j(_({disabled:E,readOnly:M,hasTextCursor:!0,size:J,"data-component":"multiselect","data-role":Q,"data-element":N,isOpen:_e},et),{children:[e.jsxs("div",{ref:de,children:[e.jsx(s.StyledAccessibilityLabelContainer,{"data-element":"accessibility-label",id:ce.current,children:Ke}),e.jsx(i.default,_({ref:Xe,accessibilityLabelId:ce.current,activeDescendantId:ue,"aria-controls":se.current,ariaLabel:a,ariaLabelledby:y,hasTextCursor:!0,isOpen:_e,labelId:Le},j(_({id:De.current,name:q,disabled:E,label:P,readOnly:M,placeholder:Me,leftChildren:$e,formattedValue:Ce,selectedValue:Ie,onClick:function(e){if(ve.current=!1,I&&I(e),!H||H&&!ye.current){if(_e)return Ee(""),void je(!1);null==D||D(),je(!0)}else ye.current=!1},onMouseDown:Je,onFocus:function(e){const t=()=>null==T?void 0:T(e);H?(Ve.current&&clearTimeout(Ve.current),Ve.current=setTimeout((()=>{je((e=>!!e||(D&&D(),T&&!pe.current&&(t(),pe.current=!0),ve.current&&!me.current?(ye.current=!1,!1):(me.current&&(ye.current=!0),!0))))}))):T&&!pe.current&&(t(),pe.current=!0)},onBlur:function(e){me.current=!1,ve.current||(pe.current=!1,B&&B(e))},iconOnClick:function(e){ve.current=!1,I&&I(e),je((e=>e?(Ee(""),!1):(D&&D(),!0)))},iconOnMouseDown:Je,onKeyDown:ze,onChange:He,tooltipPosition:G,size:J,required:ne,isOptional:re},n.default(oe)),{"data-component":void 0})))]}),Ze]}))}));exports.MultiSelect=w,exports.default=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("invariant");require("../../../style/utils/filter-styled-system-padding-props.js");var r=require("../../../style/utils/filter-styled-system-margin-props.js"),n=require("../../../style/utils/filter-out-styled-system-spacing-props.js"),i=require("../__internal__/select-textbox/select-textbox.component.js"),o=require("../../../__internal__/utils/helpers/guid/index.js"),u=require("../__internal__/utils/with-filter.hoc.js"),a=require("../__internal__/select-list/select-list.component.js"),s=require("./multi-select.style.js"),c=require("../../pill/pill.component.js"),d=require("../__internal__/utils/is-expected-option.js"),f=require("../__internal__/utils/is-expected-value.js"),p=require("../__internal__/utils/is-navigation-key.js"),b=require("../../../__internal__/utils/logger/index.js"),v=require("../../../hooks/__internal__/useStableCallback/useStableCallback.js"),m=require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js");function y(e){return e&&e.__esModule?e:{default:e}}var h=y(t),g=y(l);function O(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function _(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){O(e,t,l[t])}))}return e}function j(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 l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}let C=!1;const S=u.default(a.default);let x=!1;const w=h.default.forwardRef(((l,u)=>{var{"aria-label":a,"aria-labelledby":y,value:O,defaultValue:w,id:k,label:P,name:q,disabled:E,readOnly:M,children:R,onOpen:D,onFilterChange:L,onChange:V,onClick:I,onFocus:T,onBlur:B,onKeyDown:F,openOnFocus:H=!1,noResultsMessage:A,placeholder:z,isLoading:K,onListScrollBottom:W,tableHeader:$,multiColumn:U,tooltipPosition:G,size:J="medium","data-element":N,"data-role":Q,listPlacement:X="bottom",listMaxHeight:Y,flipEnabled:Z=!0,wrapPillText:ee=!0,enableVirtualScroll:te,virtualScrollOverscan:le,isOptional:re,required:ne,listWidth:ie}=l,oe=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(l,["aria-label","aria-labelledby","value","defaultValue","id","label","name","disabled","readOnly","children","onOpen","onFilterChange","onChange","onClick","onFocus","onBlur","onKeyDown","openOnFocus","noResultsMessage","placeholder","isLoading","onListScrollBottom","tableHeader","multiColumn","tooltipPosition","size","data-element","data-role","listPlacement","listMaxHeight","flipEnabled","wrapPillText","enableVirtualScroll","virtualScrollOverscan","isOptional","required","listWidth"]);!x&&re&&(x=!0,b.default.deprecate("`isOptional` is deprecated in MultiSelect and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const[ue,ae]=t.useState(""),se=t.useRef(o.default()),ce=t.useRef(o.default()),de=t.useRef(null),fe=t.useRef(null),pe=t.useRef(!1),be=t.useRef(!1),ve=t.useRef(!1),me=t.useRef(!1),ye=t.useRef(!1),he=t.useRef(void 0!==O),[ge,Oe]=t.useState(),[_e,je]=t.useState(!1),[Ce,Se]=t.useState(""),[xe,we]=t.useState(O||w||[]),[ke,Pe]=t.useState(""),[qe,Ee]=t.useState(""),[Me,Re]=t.useState(),De=t.useRef(k||o.default()),{labelId:Le}=m.default({id:De.current,label:P}),Ve=t.useRef(null),Ie=he.current?O:xe;!C&&(!he||!V&&w)&&(C=!0,b.default.deprecate("Uncontrolled behaviour in `Multi Select` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const Te=t.useCallback((()=>{je((e=>(!e&&D&&D(),!0)))}),[D]),Be=t.useCallback(((e,t)=>({target:j(_({},q&&{name:q},k&&{id:k}),{value:e}),selectionConfirmed:t})),[q,k]),Fe=t.useCallback(((e,t)=>{const l=e(Ie);l.length!==(null==Ie?void 0:Ie.length)&&(null==V||V(Be(l,t))),he.current||we(e)}),[Be,V,Ie]),He=t.useCallback((e=>{const t=e.target.value,l=(r=t,n=R,h.default.Children.toArray(n).find((e=>{const{text:t}=e.props;return-1!==(null==t?void 0:t.toLowerCase().indexOf(null==r?void 0:r.toLowerCase()))})));var r,n;l&&Pe(l.props.value),Ee(t),Se(t),Te()}),[R,Te]),Ae=t.useCallback((e=>{be.current=!0,Fe((t=>{if(!t.length)return t;const l=t.slice();return l.splice(e,1),l}),!0)}),[Fe]),ze=t.useCallback((e=>{const{key:t}=e,l="Backspace"===t||"Delete"===t;F&&F(e),M||(!e.defaultPrevented&&p.default(t)&&(e.preventDefault(),Te()),!l||""!==qe&&""!==Ce||Ae(-1))}),[F,M,qe,Ce,Te,Ae]),Ke=t.useMemo((()=>{var e;return Ie&&Ie.length?null===(e=h.default.Children.map(R,(e=>!(!h.default.isValidElement(e)||!Ie.includes(e.props.value))&&e.props.text)))||void 0===e?void 0:e.filter((e=>e)).reduce(((e,t)=>e?`${e}, ${t}`:t),""):null}),[R,Ie]),We=t.useCallback((e=>{if(ve.current=!1,!_e)return;const t=de.current&&!de.current.contains(e.target),l=fe.current&&!fe.current.contains(e.target);t&&l&&!be.current&&(Se(""),Ee(""),Pe(""),je(!1)),be.current=!1}),[_e]),$e=t.useMemo((()=>{const t=!E&&!M;let l;return(null==Ie?void 0:Ie.length)?Ie.map(((r,n)=>{const i=h.default.Children.toArray(R).find((e=>h.default.isValidElement(e)&&d.default(e,r)));let o={};if(!i)return null;var u,a;h.default.isValidElement(i)&&(l=void 0!==(null==i||null===(u=i.props.value)||void 0===u?void 0:u.value)?null==i||null===(a=i.props.value)||void 0===a?void 0:a.value:null==i?void 0:i.props.value,o={title:i.props.text,fill:i.props.fill,borderColor:i.props.borderColor});const f=o.title||"",p=f+l||n;return e.jsx(s.StyledSelectPillContainer,{children:e.jsx(c.Pill,j(_({onDelete:t?()=>Ae(n):void 0,wrapText:ee},o),{children:f}))},p)})):""}),[R,E,M,Ie]);t.useEffect((()=>{g.default(he.current===(void 0!==O),"Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component"),g.default(!he.current||he.current&&V,"onChange prop required when using a controlled input element")}),[O,V]),t.useEffect((()=>{const e=null==O?void 0:O.length,t=null==Ie?void 0:Ie.length;Re(e||t?" ":z)}),[O,Ie,z]),t.useEffect((()=>{const e="click";return window.addEventListener(e,We),function(){window.removeEventListener(e,We)}}),[We]);const Ue=v.useStableCallback(L),Ge=t.useRef(!0);function Je(e){ve.current=!0,"input"===e.target.dataset.element&&(me.current=!0)}t.useEffect((()=>{Ue&&!Ge.current&&Ue(qe)}),[Ue,qe]),t.useEffect((()=>{Ge.current=!1}),[]);const Ne=t.useCallback((e=>{const{value:t,selectionType:l,id:r,selectionConfirmed:n}=e;if("navigationKey"===l)return Pe(t),void ae(r);"click"===l&&(be.current=!0),Se("");const i=-1!==(null==Ie?void 0:Ie.findIndex((e=>f.default(e,t))));null==ge||ge.focus(),ve.current=!1,Fe((e=>i?e:[...e,t]),n)}),[ge,Ie,Fe]),Qe=t.useCallback((()=>{je(!1),Ee("")}),[]),Xe=t.useCallback((e=>{e&&(Oe(e),u&&("function"==typeof u?u(e):u.current=e))}),[u]);let Ye;switch(X){case"top":Ye="top-end";break;case"bottom":Ye="bottom-end";break;default:Ye=X}const Ze=e.jsx(S,{ref:fe,id:se.current,labelId:Le,anchorElement:(null==ge?void 0:ge.parentElement)||void 0,onSelect:Ne,onSelectListClose:Qe,onMouseDown:function(){ve.current=!0},filterText:qe.trim(),highlightedValue:ke,noResultsMessage:A,isLoading:K,onListScrollBottom:W,tableHeader:$,multiColumn:U,listPlacement:void 0!==ie?Ye:X,listMaxHeight:Y,flipEnabled:Z,multiselectValues:Ie,isOpen:_e,enableVirtualScroll:te,virtualScrollOverscan:le,listWidth:ie,children:R}),et=r.default(oe);return e.jsxs(s.StyledSelectMultiSelect,j(_({disabled:E,readOnly:M,hasTextCursor:!0,size:J,"data-component":"multiselect","data-role":Q,"data-element":N,isOpen:_e},et),{children:[e.jsxs("div",{ref:de,children:[e.jsx(s.StyledAccessibilityLabelContainer,{"data-element":"accessibility-label",id:ce.current,children:Ke}),e.jsx(i.default,_({ref:Xe,accessibilityLabelId:ce.current,activeDescendantId:ue,"aria-controls":se.current,ariaLabel:a,ariaLabelledby:y,hasTextCursor:!0,isOpen:_e,labelId:Le},j(_({id:De.current,name:q,disabled:E,label:P,readOnly:M,placeholder:Me,leftChildren:$e,formattedValue:Ce,selectedValue:Ie,onClick:function(e){if(ve.current=!1,I&&I(e),!H||H&&!ye.current){if(_e)return Ee(""),void je(!1);null==D||D(),je(!0)}else ye.current=!1},onMouseDown:Je,onFocus:function(e){const t=()=>null==T?void 0:T(e);H?(Ve.current&&clearTimeout(Ve.current),Ve.current=setTimeout((()=>{je((e=>!!e||(D&&D(),T&&!pe.current&&(t(),pe.current=!0),ve.current&&!me.current?(ye.current=!1,!1):(me.current&&(ye.current=!0),!0))))}))):T&&!pe.current&&(t(),pe.current=!0)},onBlur:function(e){me.current=!1,ve.current||(pe.current=!1,B&&B(e))},iconOnClick:function(e){ve.current=!1,I&&I(e),je((e=>e?(Ee(""),!1):(D&&D(),!0)))},iconOnMouseDown:Je,onKeyDown:ze,onChange:He,tooltipPosition:G,size:J,required:ne,isOptional:re},n.default(oe)),{"data-component":void 0})))]}),Ze]}))}));exports.MultiSelect=w,exports.default=w;

package/lib/components/select/multi-select/multi-select.style.d.ts

@@ -1,4 +1,12 @@
-declare const StyledSelectPillContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledSelectMultiSelect: import("styled-components").StyledComponent<"div", any, import("../select.style").StyledSelectProps, never>;
+import { type StyledSelectProps } from "../select.style";
+declare const StyledSelectPillContainer: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
+interface StyledSelectMultiSelectProps extends StyledSelectProps {
+    size: string;
+}
+declare const StyledSelectMultiSelect: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledSelectProps & StyledSelectMultiSelectProps, "theme">;
 declare const StyledAccessibilityLabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { StyledSelectPillContainer, StyledSelectMultiSelect, StyledAccessibilityLabelContainer, };

package/lib/components/select/multi-select/multi-select.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../pill/pill.style.js");require("../../../style/themes/sage/index.js");var i=require("../../../style/themes/base/index.js");require("../../../style/themes/none/index.js");var l=require("../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),n=require("../select.style.js"),s=require("../../../__internal__/input/input-presentation.style.js"),r=require("../../../__internal__/input/input.style.js"),a=require("../../../__internal__/input/input-sizes.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var u=d(e);const o=u.default.div.withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"sc-7d00107-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t.default),p=u.default(n.default).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"sc-7d00107-1"})(["","{position:absolute;right:0;height:100%;}","{padding-right:",";padding-left:",";position:relative;","{padding:0;}}"],l.default,s.default,(({size:e})=>a.default[e].height),(({size:e})=>a.default[e].horizontalPadding),r.default),c=u.default.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"sc-7d00107-2"})(["display:none;"]);o.defaultProps={theme:i.default},exports.StyledAccessibilityLabelContainer=c,exports.StyledSelectMultiSelect=p,exports.StyledSelectPillContainer=o;
+"use strict";var e=require("styled-components"),t=require("../../pill/pill.style.js"),i=require("../../../style/themes/apply-base-theme.js"),l=require("../../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),n=require("../select.style.js"),s=require("../../../__internal__/input/input-presentation.style.js"),d=require("../../../__internal__/input/input.style.js"),a=require("../../../__internal__/input/input-sizes.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var u=r(e);const o=u.default.div.attrs(i.default).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"sc-79dfc3dd-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t.default),p=u.default(n.default).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"sc-79dfc3dd-1"})(["","{position:absolute;right:0;height:100%;}","{padding-right:",";padding-left:",";position:relative;","{padding:0;}}"],l.default,s.default,(({size:e})=>a.default[e].height),(({size:e})=>a.default[e].horizontalPadding),d.default),c=u.default.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"sc-79dfc3dd-2"})(["display:none;"]);exports.StyledAccessibilityLabelContainer=c,exports.StyledSelectMultiSelect=p,exports.StyledSelectPillContainer=o;

package/lib/components/select/select.style.d.ts

@@ -2,7 +2,8 @@ import { SimpleSelectProps } from "./simple-select";
 export interface StyledSelectProps extends Pick<SimpleSelectProps, "disabled" | "readOnly" | "transparent"> {
     hasTextCursor?: boolean;
     isOpen: boolean;
-    size?: string;
 }
-declare const StyledSelect: import("styled-components").StyledComponent<"div", any, StyledSelectProps, never>;
+declare const StyledSelect: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledSelectProps, "theme">;
 export default StyledSelect;

package/lib/components/select/select.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../__internal__/input/input-presentation.style.js"),r=require("../../__internal__/input/input.style.js"),n=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js");require("../../style/themes/sage/index.js");var i=require("../../style/themes/base/index.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../../style/themes/none/index.js");const l=o(e).default.div.withConfig({displayName:"select.style__StyledSelect",componentId:"sc-d57d8d5e-0"})(["",""],(({hasTextCursor:i,disabled:o,readOnly:l,theme:a,transparent:d,isOpen:u})=>e.css(["margin-bottom:var(--fieldSpacing);"," position:relative;","{cursor:text;"," ","}","{cursor:",";padding-right:0;"," "," ","}","{margin-right:0;}"," ",""],t.margin,r.default,o&&e.css(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),l&&e.css(["cursor:",";color:var(--colorsActionMinorYin090);text-shadow:none;"],i?"text":"default"),s.default,i?"text":"pointer",u&&e.css(["z-index:",";"],a.zIndex.aboveAll),o&&e.css(["cursor:not-allowed;"]),l&&e.css(["cursor:",";"],i?"text":"default"),n.default,d&&e.css(["","{background:transparent;border:none;}","{margin-left:0;}"],s.default,n.default),!i&&e.css(["","{position:absolute;width:inherit;opacity:0;padding:0;}"],r.default))));l.defaultProps={size:"medium",theme:i.default},exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../__internal__/input/input-presentation.style.js"),s=require("../../__internal__/input/input.style.js"),n=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),o=require("../../style/themes/apply-base-theme.js");function i(e){return e&&e.__esModule?e:{default:e}}const a=i(e).default.div.attrs(o.default).withConfig({displayName:"select.style__StyledSelect",componentId:"sc-bf592d92-0"})(["",""],(({hasTextCursor:o,disabled:i,readOnly:a,theme:l,transparent:d,isOpen:u})=>e.css(["margin-bottom:var(--fieldSpacing);"," position:relative;","{cursor:text;"," ","}","{cursor:",";padding-right:0;"," "," ","}","{margin-right:0;}"," ",""],t.margin,s.default,i&&e.css(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),a&&e.css(["cursor:",";color:var(--colorsActionMinorYin090);text-shadow:none;"],o?"text":"default"),r.default,o?"text":"pointer",u&&e.css(["z-index:",";"],l.zIndex.aboveAll),i&&e.css(["cursor:not-allowed;"]),a&&e.css(["cursor:",";"],o?"text":"default"),n.default,d&&e.css(["","{background:transparent;border:none;}","{margin-left:0;}"],r.default,n.default),!o&&e.css(["","{position:absolute;width:inherit;opacity:0;padding:0;}"],s.default))));exports.default=a;

package/lib/components/settings-row/settings-row.style.d.ts

@@ -1,7 +1,9 @@
 interface DividerProps {
     hasDivider: boolean;
 }
-export declare const StyledSettingsRow: import("styled-components").StyledComponent<"div", any, DividerProps, never>;
+export declare const StyledSettingsRow: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & DividerProps, "theme">;
 export declare const StyledSettingsRowHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledSettingsRowInput: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

package/lib/components/settings-row/settings-row.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/base/index.js"),i=require("../heading/heading.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var d=s(t);const r=d.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"sc-feab59b7-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.margin,(({hasDivider:e})=>e&&t.css(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),i.StyledHeader,i.StyledSeparator);r.defaultProps={theme:o.default};const a=d.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"sc-feab59b7-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),n=d.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"sc-feab59b7-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);exports.StyledSettingsRow=r,exports.StyledSettingsRowHeader=a,exports.StyledSettingsRowInput=n;
+"use strict";var t=require("styled-components"),e=require("styled-system"),o=require("../../style/themes/apply-base-theme.js"),i=require("../heading/heading.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var d=s(t);const r=d.default.div.attrs(o.default).withConfig({displayName:"settings-row.style__StyledSettingsRow",componentId:"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.margin,(({hasDivider:e})=>e&&t.css(["border-bottom:1px solid var(--colorsUtilityMajor050);padding-bottom:30px;"])),i.StyledHeader,i.StyledSeparator),a=d.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowHeader",componentId:"sc-b1bd4709-1"})(["box-sizing:border-box;clear:both;float:left;max-width:325px;width:35%;"]),n=d.default.div.withConfig({displayName:"settings-row.style__StyledSettingsRowInput",componentId:"sc-b1bd4709-2"})(["box-sizing:border-box;clear:both;float:left;margin-left:50px;width:100%;"]);exports.StyledSettingsRow=r,exports.StyledSettingsRowHeader=a,exports.StyledSettingsRowInput=n;

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts

@@ -1,4 +1,6 @@
 declare const StyledSidebarHeader: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     hasClose?: boolean | undefined;
-}, never>;
+}, "theme">;
 export default StyledSidebarHeader;

package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system");require("../../../../style/themes/sage/index.js");var s=require("../../../../style/themes/base/index.js");require("../../../../style/themes/none/index.js");var i=require("../../../icon-button/icon-button.style.js");function o(e){return e&&e.__esModule?e:{default:e}}const r=o(e).default.div.withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"sc-192c151f-0"})(["background-color:var(--colorsUtilityYang100);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%;}'],t.padding,(({hasClose:t})=>t&&e.css(["display:flex;justify-content:space-between;> ",":first-of-type{position:absolute;z-index:1;right:25px;}"],i.default)));r.defaultProps={theme:s.default},exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../../../style/themes/apply-base-theme.js"),o=require("../../../icon-button/icon-button.style.js");function i(e){return e&&e.__esModule?e:{default:e}}const r=i(e).default.div.attrs(s.default).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"sc-8ce2a042-0"})(["background-color:var(--colorsUtilityYang100);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%;}'],t.padding,(({hasClose:t})=>t&&e.css(["display:flex;justify-content:space-between;> ",":first-of-type{position:absolute;z-index:1;right:25px;}"],o.default)));exports.default=r;

package/lib/components/sidebar/sidebar.style.d.ts

@@ -1,6 +1,8 @@
 import { PaddingProps } from "styled-system";
 import { SidebarProps } from "./sidebar.component";
 type StyledSidebarProps = Pick<SidebarProps, "onCancel" | "position" | "size" | "width">;
-declare const StyledSidebar: import("styled-components").StyledComponent<"div", any, StyledSidebarProps, never>;
+declare const StyledSidebar: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledSidebarProps, "theme">;
 declare const StyledSidebarContent: import("styled-components").StyledComponent<"div", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
 export { StyledSidebar, StyledSidebarContent };

package/lib/components/sidebar/sidebar.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),i=require("styled-system"),t=require("../../style/utils/element-sizing.js"),o=require("../../style/themes/base/index.js"),s=require("../icon-button/icon-button.style.js"),d=require("./sidebar.config.js"),r=require("../form/form.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);const l=a.default.div.withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"sc-ecf3e9f9-0"})([":focus{outline:none;}",""],(({onCancel:i,position:o,size:r,theme:n,width:a})=>e.css(["background:var(--colorsUtilityMajor025);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," ",""],n.zIndex.fullScreenModal,!a&&r&&e.css(["width:",";"],d.SIDEBAR_SIZES_CSS[r]),a&&t.default({width:a}),o&&e.css(["box-shadow:var(--boxShadow300);",":0;"],o),i&&e.css(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],s.default)))),c=a.default.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"sc-ecf3e9f9-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);","}}}"],i.padding,r.StyledForm,r.StyledForm,r.StyledFormContent,i.padding);l.defaultProps={theme:o.default},exports.StyledSidebar=l,exports.StyledSidebarContent=c;
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/utils/element-sizing.js"),o=require("../../style/themes/apply-base-theme.js"),s=require("../icon-button/icon-button.style.js"),d=require("./sidebar.config.js"),r=require("../form/form.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var n=a(e);const l=n.default.div.attrs(o.default).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"sc-c4683178-0"})([":focus{outline:none;}",""],(({onCancel:t,position:o,size:r,theme:a,width:n})=>e.css(["background:var(--colorsUtilityMajor025);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," ",""],a.zIndex.fullScreenModal,!n&&r&&e.css(["width:",";"],d.SIDEBAR_SIZES_CSS[r]),n&&i.default({width:n}),o&&e.css(["box-shadow:var(--boxShadow300);",":0;"],o),t&&e.css(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],s.default)))),c=n.default.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"sc-c4683178-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.padding,r.StyledForm,r.StyledForm,r.StyledFormContent,t.padding);exports.StyledSidebar=l,exports.StyledSidebarContent=c;

package/lib/components/split-button/split-button-children.style.d.ts

@@ -1,9 +1,11 @@
-import { ThemeObject } from "../../style/themes/base";
+import type { ThemeObject } from "../../style/themes/theme.types";
 export declare const borderRadiusStyling = "\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";
 type StyledSplitButtonChildrenContainerProps = {
     theme: ThemeObject;
     align: "left" | "right";
     minWidth: number;
 };
-declare const StyledSplitButtonChildrenContainer: import("styled-components").StyledComponent<"ul", any, StyledSplitButtonChildrenContainerProps, never>;
+declare const StyledSplitButtonChildrenContainer: import("styled-components").StyledComponent<"ul", any, {
+    theme: object;
+} & StyledSplitButtonChildrenContainerProps, "theme">;
 export default StyledSplitButtonChildrenContainer;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../style/themes/base/index.js"),t=require("../button/button.style.js");function d(r){return r&&r.__esModule?r:{default:r}}const o="\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",i=d(r).default.ul.withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-90888bca-0"})(["border-radius:var(--borderRadius100);",""],(({theme:e,align:d,minWidth:i})=>r.css(["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:",";z-index:",";& + &{margin-top:3px;}}"],i,e.zIndex.popover,o,t.default,d,d,e.zIndex.overlay)));i.defaultProps={theme:e.default},exports.borderRadiusStyling=o,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../style/themes/apply-base-theme.js"),t=require("../button/button.style.js");function d(r){return r&&r.__esModule?r:{default:r}}const o="\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",i=d(r).default.ul.attrs(e.default).withConfig({displayName:"split-button-children.style__StyledSplitButtonChildrenContainer",componentId:"sc-eb4ae276-0"})(["border-radius:var(--borderRadius100);",""],(({theme:e,align:d,minWidth:i})=>r.css(["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:",";z-index:",";& + &{margin-top:3px;}}"],i,e.zIndex.popover,o,t.default,d,d,e.zIndex.overlay)));exports.borderRadiusStyling=o,exports.default=i;

package/lib/components/split-button/split-button-toggle.style.d.ts

@@ -5,8 +5,10 @@ type StyledSplitButtonToggleProps = {
     size: "small" | "medium" | "large";
     isWhite?: boolean;
 };
-declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<import("../button").ButtonProps, "buttonType"> & {
+declare const StyledSplitButtonToggle: import("styled-components").StyledComponent<"button", any, {
+    theme: object;
+} & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<import("../button").ButtonProps, "buttonType"> & {
     iconOnly?: boolean | undefined;
     buttonType: import("../button/button.component").ButtonTypes;
-} & StyledSplitButtonToggleProps, never>;
+} & StyledSplitButtonToggleProps, "theme">;
 export default StyledSplitButtonToggle;

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

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

package/lib/components/split-button/split-button.style.d.ts

@@ -1,2 +1,4 @@
-declare const StyledSplitButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledSplitButton: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 export default StyledSplitButton;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../button/button.style.js"),i=require("../../style/themes/base/index.js");function s(e){return e&&e.__esModule?e:{default:e}}const o=s(e).default.div.withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"sc-ff359e9-0"})([""," display:inline-block;position:relative;& > ",":first-of-type{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}& > ","{margin:0;&:focus{position:relative;z-index:1;}}"],t.margin,r.default,r.default);o.defaultProps={theme:i.default},exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../button/button.style.js"),i=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const o=s(e).default.div.attrs(i.default).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"sc-4901c0a5-0"})([""," display:inline-block;position:relative;& > ",":first-of-type{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}& > ","{margin:0;&:focus{position:relative;z-index:1;}}"],t.margin,r.default,r.default);exports.default=o;

package/lib/components/step-sequence/step-sequence.style.d.ts

@@ -1,4 +1,6 @@
 import { SpaceProps } from "styled-system";
 import { StepSequenceProps } from "./step-sequence.component";
-declare const StyledStepSequence: import("styled-components").StyledComponent<"ol", any, Pick<StepSequenceProps, "orientation"> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
+declare const StyledStepSequence: import("styled-components").StyledComponent<"ol", any, {
+    theme: object;
+} & Pick<StepSequenceProps, "orientation"> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "theme">;
 export default StyledStepSequence;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system");require("../../style/themes/sage/index.js");var s=require("../../style/themes/base/index.js");function r(e){return e&&e.__esModule?e:{default:e}}require("../../style/themes/none/index.js");const i=r(e).default.ol.withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"sc-60a5865-0"})(["display:flex;margin:0;font-weight:var(--fontWeights500);"," ",""],(({orientation:t})=>"vertical"===t&&e.css(["flex-direction:column;height:100%;"])),t.space);i.defaultProps={theme:s.default},exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}const r=l(e).default.ol.attrs(s.default).withConfig({displayName:"step-sequence.style__StyledStepSequence",componentId:"sc-31c18b8d-0"})(["display:flex;margin:0;font-weight:var(--fontWeights500);"," ",""],(({orientation:t})=>"vertical"===t&&e.css(["flex-direction:column;height:100%;"])),t.space);exports.default=r;

package/lib/components/switch/switch.style.d.ts

@@ -1,4 +1,4 @@
-import { ThemeObject } from "../../style/themes/base";
+import type { ThemeObject } from "../../style/themes/theme.types";
 import { SwitchProps } from "./switch.component";
 interface StyledSwitchProps extends Pick<SwitchProps, "fieldHelpInline" | "labelInline" | "reverse" | "size"> {
     theme: ThemeObject;
@@ -8,5 +8,7 @@ export declare const ErrorBorder: import("styled-components").StyledComponent<"s
     warning: boolean;
     isDarkBackground: boolean;
 }, never>;
-declare const StyledSwitch: import("styled-components").StyledComponent<"div", any, StyledSwitchProps, never>;
+declare const StyledSwitch: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledSwitchProps, "theme">;
 export default StyledSwitch;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),l=require("../../__internal__/checkable-input/checkable-input.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),a=require("../../__internal__/field-help/field-help.style.js"),n=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/label/label.style.js"),s=require("../../__internal__/validations/validation-icon.style.js"),d=require("../../style/themes/base/index.js"),o=require("../../style/utils/add-focus-styling.js"),c=require("./__internal__/switch-slider.style.js");function p(e){return e&&e.__esModule?e:{default:e}}var u=p(e);const f=u.default.span.withConfig({displayName:"switch.style__ErrorBorder",componentId:"sc-b4e4ec1d-0"})(["",""],(({reverse:t,warning:l,isDarkBackground:i})=>{const a=i?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)";return e.css(["position:absolute;z-index:6;width:2px;background-color:",";",":-12px;bottom:-4px;top:2px;"],l?"var(--colorsSemanticCaution500)":a,t?"right":"left")})),m=u.default.div.withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-b4e4ec1d-1"})(["",""],(({fieldHelpInline:d,labelInline:p,reverse:u,size:f})=>e.css(["margin-bottom:var(--fieldSpacing);"," ","{display:flex;flex-flow:",";","}display:flex;flex-flow:",";",",","{border:none;box-sizing:border-box;height:24px;flex-basis:100%;margin-left:0;}","{width:100%;}","{width:min-content;}",":not([disabled]){&:focus ~ ","{","}}","{margin-left:0;}","{",";margin-bottom:8px;","{position:relative;display:inline-block;}}"," "," "," ",""],t.margin,n.FieldLineStyle,p?"row wrap":"column wrap",!p&&d&&e.css(["display:grid;grid-template-columns:max-content max-content;"]),p?"row wrap":"column wrap",l.StyledCheckableInput,i.default,i.default,l.StyledCheckableInput,i.default,c.StyledSwitchSlider,o.default(),a.default,r.StyledLabelContainer,!p&&e.css(["padding:0;"]),s.default,d&&e.css(["","{margin:0;}"],a.default),u&&e.css(["",""],!p&&e.css(["","{margin-top:8px;}",""],r.StyledLabelContainer,d&&e.css(["","{margin-top:8px;}"],a.default))),p&&e.css(["","{flex-basis:auto;}","{display:flex;}","{margin-bottom:0;}","{margin-bottom:0;margin-top:0;}"," ",""],l.StyledCheckableInput,n.FieldLineStyle,r.StyledLabelContainer,a.default,u&&e.css(["","{margin-left:0;margin-top:0;}",""],l.StyledCheckableInput,!d&&e.css(["","{margin-left:60px;}"],a.default)),d&&e.css([""," ","{margin-right:10px;}","{margin-left:0;align-self:center;}"],!u&&`\n          ${l.StyledCheckableInput} {\n            margin-left: 10px;\n          }\n        `,r.StyledLabelContainer,a.default)),"large"===f&&e.css(["",",",",","{height:44px;min-width:fit-content;}"," ",""],l.StyledCheckableInput,i.default,c.StyledSwitchSlider,p&&!d&&u&&e.css(["","{padding:10px 0;}"],a.default),p&&e.css(["","{margin-top:1px;padding-top:10px;padding-bottom:10px;}",""],r.StyledLabelContainer,!d&&u&&e.css(["","{margin-left:78px;}"],a.default))))));m.defaultProps={theme:d.default},exports.ErrorBorder=f,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),l=require("../../__internal__/checkable-input/checkable-input.style.js"),i=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),a=require("../../__internal__/field-help/field-help.style.js"),n=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/label/label.style.js"),s=require("../../__internal__/validations/validation-icon.style.js"),d=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/add-focus-styling.js"),c=require("./__internal__/switch-slider.style.js");function p(e){return e&&e.__esModule?e:{default:e}}var u=p(e);const f=u.default.span.withConfig({displayName:"switch.style__ErrorBorder",componentId:"sc-542ab734-0"})(["",""],(({reverse:t,warning:l,isDarkBackground:i})=>{const a=i?"var(--colorsSemanticNegative450)":"var(--colorsSemanticNegative500)";return e.css(["position:absolute;z-index:6;width:2px;background-color:",";",":-12px;bottom:-4px;top:2px;"],l?"var(--colorsSemanticCaution500)":a,t?"right":"left")})),m=u.default.div.attrs(d.default).withConfig({displayName:"switch.style__StyledSwitch",componentId:"sc-542ab734-1"})(["",""],(({fieldHelpInline:d,labelInline:p,reverse:u,size:f})=>e.css(["margin-bottom:var(--fieldSpacing);"," ","{display:flex;flex-flow:",";","}display:flex;flex-flow:",";",",","{border:none;box-sizing:border-box;height:24px;flex-basis:100%;margin-left:0;}","{width:100%;}","{width:min-content;}",":not([disabled]){&:focus ~ ","{","}}","{margin-left:0;}","{",";margin-bottom:8px;","{position:relative;display:inline-block;}}"," "," "," ",""],t.margin,n.FieldLineStyle,p?"row wrap":"column wrap",!p&&d&&e.css(["display:grid;grid-template-columns:max-content max-content;"]),p?"row wrap":"column wrap",l.StyledCheckableInput,i.default,i.default,l.StyledCheckableInput,i.default,c.StyledSwitchSlider,o.default(),a.default,r.StyledLabelContainer,!p&&e.css(["padding:0;"]),s.default,d&&e.css(["","{margin:0;}"],a.default),u&&e.css(["",""],!p&&e.css(["","{margin-top:8px;}",""],r.StyledLabelContainer,d&&e.css(["","{margin-top:8px;}"],a.default))),p&&e.css(["","{flex-basis:auto;}","{display:flex;}","{margin-bottom:0;}","{margin-bottom:0;margin-top:0;}"," ",""],l.StyledCheckableInput,n.FieldLineStyle,r.StyledLabelContainer,a.default,u&&e.css(["","{margin-left:0;margin-top:0;}",""],l.StyledCheckableInput,!d&&e.css(["","{margin-left:60px;}"],a.default)),d&&e.css([""," ","{margin-right:10px;}","{margin-left:0;align-self:center;}"],!u&&`\n          ${l.StyledCheckableInput} {\n            margin-left: 10px;\n          }\n        `,r.StyledLabelContainer,a.default)),"large"===f&&e.css(["",",",",","{height:44px;min-width:fit-content;}"," ",""],l.StyledCheckableInput,i.default,c.StyledSwitchSlider,p&&!d&&u&&e.css(["","{padding:10px 0;}"],a.default),p&&e.css(["","{margin-top:1px;padding-top:10px;padding-bottom:10px;}",""],r.StyledLabelContainer,!d&&u&&e.css(["","{margin-left:78px;}"],a.default))))));exports.ErrorBorder=f,exports.default=m;

package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts

@@ -2,7 +2,9 @@ import { TabHeaderProps } from "./tabs-header.component";
 type StyledTabsHeaderWrapperProps = Pick<TabHeaderProps, "position" | "isInSidebar">;
 declare const StyledTabsHeaderWrapper: import("styled-components").StyledComponent<"div", any, StyledTabsHeaderWrapperProps, never>;
 export type StyledTabsHeaderListProps = Pick<TabHeaderProps, "align" | "extendedLine" | "noRightBorder" | "isInSidebar" | "position">;
-declare const StyledTabsHeaderList: import("styled-components").StyledComponent<"div", any, StyledTabsHeaderListProps, never>;
+declare const StyledTabsHeaderList: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledTabsHeaderListProps, "theme">;
 type StyledVerticalTabsWrapperProps = Pick<TabHeaderProps, "isInSidebar">;
 declare const StyledVerticalTabsWrapper: import("styled-components").StyledComponent<"div", any, StyledVerticalTabsWrapperProps, never>;
 type StyledWrapperProps = {

package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../../../style/themes/base/index.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(e);const s=i.default.div.withConfig({displayName:"tabs-header.style__StyledTabsHeaderWrapper",componentId:"sc-38b99295-0"})(["",""],(({position:t,isInSidebar:o})=>"left"===t&&e.css(['box-sizing:border-box;padding:3px;button[data-element="select-tab"]{border-top-left-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);}'," ",""],!o&&e.css(["min-width:20%;overflow-y:auto;"]),o&&e.css(["min-width:100%;margin:auto;padding:0px;"])))),a=i.default.div.withConfig({displayName:"tabs-header.style__StyledTabsHeaderList",componentId:"sc-38b99295-1"})(["display:flex;"," cursor:default;list-style:none;padding:",";overflow-x:hidden;position:relative;"," ",""],(({extendedLine:t=!0})=>!t&&e.css(["width:fit-content;"])),"3px",(({align:t})=>"right"===t&&e.css(["justify-content:flex-end;text-align:right;"])),(({position:t,noRightBorder:o,align:i})=>"left"===t&&e.css(["flex-direction:column;box-shadow:none;"," ",""],o&&e.css(["box-shadow:none;"]),"right"===i&&e.css(["justify-content:flex-start;"]))));a.defaultProps={theme:t.default};const n=i.default.div.withConfig({displayName:"tabs-header.style__StyledVerticalTabsWrapper",componentId:"sc-38b99295-2"})(["margin:3px;"," display:flex;flex-direction:column;"],(({isInSidebar:t})=>t&&e.css(["margin-left:6px;margin-top:6px;"]))),r=i.default.section.withConfig({displayName:"tabs-header.style__StyledWrapper",componentId:"sc-38b99295-3"})(["overflow:hidden;position:relative;display:flex;"," ",";",""],(({extendedLine:t=!0})=>!t&&e.css(["width:fit-content;"])),(({position:e})=>"top"===e&&"white-space: nowrap"),(({align:t})=>"right"===t&&e.css(["justify-content:flex-end;text-align:right;"]))),d=i.default.div.withConfig({displayName:"tabs-header.style__StyledNavigationButtonWrapper",componentId:"sc-38b99295-4"})(["width:48px;",""],(({position:t,visible:o,size:i})=>e.css(["height:",";z-index:8;display:",";",""],"default"===i?"48px":"56px",o?"block":"none","right"===t&&"\n      right: 0;\n      position: absolute;\n    "))),l=i.default.button.withConfig({displayName:"tabs-header.style__StyledNavigationButton",componentId:"sc-38b99295-5"})(["position:absolute;height:100%;width:48px;top:0;align-items:center;border:none;border-radius:0px;background-color:var(--colorsDisabled400);color:var(--colorsActionMinor500);z-index:6;:hover{cursor:pointer;background-color:var(--colorsActionDisabled500);color:var(--colorsComponentsMenuYang100);}"]),p=i.default.div.withConfig({displayName:"tabs-header.style__StyledContainer",componentId:"sc-38b99295-6"})(["display:flex;padding:6px 4px 0px;margin:0;overflow-x:hidden;"," align-items:flex-start;"],(({size:t})=>e.css(["height:",";"],"large"===t?"50px":"42px"))),c=i.default.div.withConfig({displayName:"tabs-header.style__StyledBottomBorder",componentId:"sc-38b99295-7"})(["height:auto;border-bottom:2px solid var(--colorsActionMinor100);bottom:0;left:4px;right:4px;position:absolute;"]);exports.StyledBottomBorder=c,exports.StyledContainer=p,exports.StyledNavigationButton=l,exports.StyledNavigationButtonWrapper=d,exports.StyledTabsHeaderList=a,exports.StyledTabsHeaderWrapper=s,exports.StyledVerticalTabsWrapper=n,exports.StyledWrapper=r;
+"use strict";var e=require("styled-components"),t=require("../../../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(e);const s=i.default.div.withConfig({displayName:"tabs-header.style__StyledTabsHeaderWrapper",componentId:"sc-79b7b87d-0"})(["",""],(({position:t,isInSidebar:o})=>"left"===t&&e.css(['box-sizing:border-box;padding:3px;button[data-element="select-tab"]{border-top-left-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);}'," ",""],!o&&e.css(["min-width:20%;overflow-y:auto;"]),o&&e.css(["min-width:100%;margin:auto;padding:0px;"])))),a=i.default.div.attrs(t.default).withConfig({displayName:"tabs-header.style__StyledTabsHeaderList",componentId:"sc-79b7b87d-1"})(["display:flex;"," cursor:default;list-style:none;padding:",";overflow-x:hidden;position:relative;"," ",""],(({extendedLine:t=!0})=>!t&&e.css(["width:fit-content;"])),"3px",(({align:t})=>"right"===t&&e.css(["justify-content:flex-end;text-align:right;"])),(({position:t,noRightBorder:o,align:i})=>"left"===t&&e.css(["flex-direction:column;box-shadow:none;"," ",""],o&&e.css(["box-shadow:none;"]),"right"===i&&e.css(["justify-content:flex-start;"])))),d=i.default.div.withConfig({displayName:"tabs-header.style__StyledVerticalTabsWrapper",componentId:"sc-79b7b87d-2"})(["margin:3px;"," display:flex;flex-direction:column;"],(({isInSidebar:t})=>t&&e.css(["margin-left:6px;margin-top:6px;"]))),n=i.default.section.withConfig({displayName:"tabs-header.style__StyledWrapper",componentId:"sc-79b7b87d-3"})(["overflow:hidden;position:relative;display:flex;"," ",";",""],(({extendedLine:t=!0})=>!t&&e.css(["width:fit-content;"])),(({position:e})=>"top"===e&&"white-space: nowrap"),(({align:t})=>"right"===t&&e.css(["justify-content:flex-end;text-align:right;"]))),r=i.default.div.withConfig({displayName:"tabs-header.style__StyledNavigationButtonWrapper",componentId:"sc-79b7b87d-4"})(["width:48px;",""],(({position:t,visible:o,size:i})=>e.css(["height:",";z-index:8;display:",";",""],"default"===i?"48px":"56px",o?"block":"none","right"===t&&"\n      right: 0;\n      position: absolute;\n    "))),l=i.default.button.withConfig({displayName:"tabs-header.style__StyledNavigationButton",componentId:"sc-79b7b87d-5"})(["position:absolute;height:100%;width:48px;top:0;align-items:center;border:none;border-radius:0px;background-color:var(--colorsDisabled400);color:var(--colorsActionMinor500);z-index:6;:hover{cursor:pointer;background-color:var(--colorsActionDisabled500);color:var(--colorsComponentsMenuYang100);}"]),p=i.default.div.withConfig({displayName:"tabs-header.style__StyledContainer",componentId:"sc-79b7b87d-6"})(["display:flex;padding:6px 4px 0px;margin:0;overflow-x:hidden;"," align-items:flex-start;"],(({size:t})=>e.css(["height:",";"],"large"===t?"50px":"42px"))),c=i.default.div.withConfig({displayName:"tabs-header.style__StyledBottomBorder",componentId:"sc-79b7b87d-7"})(["height:auto;border-bottom:2px solid var(--colorsActionMinor100);bottom:0;left:4px;right:4px;position:absolute;"]);exports.StyledBottomBorder=c,exports.StyledContainer=p,exports.StyledNavigationButton=l,exports.StyledNavigationButtonWrapper=r,exports.StyledTabsHeaderList=a,exports.StyledTabsHeaderWrapper=s,exports.StyledVerticalTabsWrapper=d,exports.StyledWrapper=n;

package/lib/components/tabs/tab/tab.style.d.ts

@@ -1,9 +1,11 @@
-import { ThemeObject } from "../../../style/themes/base";
+import type { ThemeObject } from "../../../style/themes/theme.types";
 import { TabProps } from ".";
 export type StyledTabProps = Pick<TabProps, "position" | "isTabSelected"> & {
     theme?: ThemeObject;
 };
-declare const StyledTab: import("styled-components").StyledComponent<"div", any, Pick<TabProps, "position" | "isTabSelected"> & {
+declare const StyledTab: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<TabProps, "position" | "isTabSelected"> & {
     theme?: ThemeObject | undefined;
-}, never>;
+}, "theme">;
 export default StyledTab;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../../style/themes/base/index.js");function a(e){return e&&e.__esModule?e:{default:e}}const i=a(e).default.div.withConfig({displayName:"tab.style__StyledTab",componentId:"sc-ffe20f46-0"})(["display:none;",""],(({isTabSelected:s,position:a="top"})=>s&&e.css(["display:block;"," "," ",""],"top"===a&&e.css(["margin-left:4px;margin-right:4px;"]),"left"===a&&e.css(["margin-left:-6px;margin-top:var(--spacing075);width:calc(80% + var(--spacing075));"]),t.padding)));i.defaultProps={theme:s.default},exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../../style/themes/apply-base-theme.js");function a(e){return e&&e.__esModule?e:{default:e}}const i=a(e).default.div.attrs(s.default).withConfig({displayName:"tab.style__StyledTab",componentId:"sc-5bd445da-0"})(["display:none;",""],(({isTabSelected:s,position:a="top"})=>s&&e.css(["display:block;"," "," ",""],"top"===a&&e.css(["margin-left:4px;margin-right:4px;"]),"left"===a&&e.css(["margin-left:-6px;margin-top:var(--spacing075);width:calc(80% + var(--spacing075));"]),t.padding)));exports.default=i;

package/lib/components/tabs/tabs.style.d.ts

@@ -2,5 +2,7 @@ import { TabsProps } from ".";
 export interface StyledTabsProps extends Pick<TabsProps, "headerWidth" | "position"> {
     isInSidebar?: boolean;
 }
-declare const StyledTabs: import("styled-components").StyledComponent<"div", any, StyledTabsProps, never>;
+declare const StyledTabs: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledTabsProps, "theme">;
 export default StyledTabs;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),s=require("styled-system"),t=require("../../style/themes/base/index.js"),r=require("./__internal__/tabs-header/tabs-header.style.js"),a=require("./tab/tab.style.js");function d(e){return e&&e.__esModule?e:{default:e}}const i=d(e).default.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-e445cd61-0"})([""," ",""],(({position:s,isInSidebar:t,headerWidth:d})=>e.css(["color:var(--colorsActionMinorYin090);",""],"left"===s&&e.css([""," "," ",""],d&&e.css(["","{width:",";}","{width:",";}"],r.StyledTabsHeaderWrapper,d,a.default,`calc(100% - ${d})`),!t&&e.css(["display:flex;width:100%;"]),t&&e.css(["width:99%;"])))),s.margin);i.defaultProps={theme:t.default},exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),s=require("../../style/themes/apply-base-theme.js"),r=require("./__internal__/tabs-header/tabs-header.style.js"),a=require("./tab/tab.style.js");function i(e){return e&&e.__esModule?e:{default:e}}const d=i(e).default.div.attrs(s.default).withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-eb9566e1-0"})([""," ",""],(({position:t,isInSidebar:s,headerWidth:i})=>e.css(["color:var(--colorsActionMinorYin090);",""],"left"===t&&e.css([""," "," ",""],i&&e.css(["","{width:",";}","{width:",";}"],r.StyledTabsHeaderWrapper,i,a.default,`calc(100% - ${i})`),!s&&e.css(["display:flex;width:100%;"]),s&&e.css(["width:99%;"])))),t.margin);exports.default=d;

package/lib/components/textarea/textarea.style.d.ts

@@ -6,5 +6,7 @@ export interface StyledTextAreaProps extends Pick<TextareaProps, "minHeight"> {
     /** When true, adjusts padding for icon */
     hasIcon?: boolean;
 }
-declare const StyledTextarea: import("styled-components").StyledComponent<"div", any, StyledTextAreaProps, never>;
+declare const StyledTextarea: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledTextAreaProps, "theme">;
 export default StyledTextarea;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/input/input.style.js"),n=require("../../__internal__/label/label.style.js"),a=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),r=require("../../style/themes/base/index.js");function s(e){return e&&e.__esModule?e:{default:e}}const l=s(e).default.div.withConfig({displayName:"textarea.style__StyledTextarea",componentId:"sc-93dea5de-0"})(["margin-bottom:var(--fieldSpacing);",";","{box-sizing:border-box;resize:none;"," padding:var(--spacing150) var(--spacing200);","}"," ","{height:40px;position:absolute;height:100%;top:0px;right:4px;}"],t.margin,i.default,(({minHeight:e})=>`min-height: ${e||64}px;`),(({hasIcon:e})=>e&&"padding-right: var(--spacing500);"),(({labelInline:t})=>t&&e.css(["","{align-items:flex-start;padding-top:6px;}"],n.StyledLabelContainer)),a.default);l.defaultProps={theme:r.default},exports.DEFAULT_MIN_HEIGHT=64,exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),i=require("../../__internal__/input/input.style.js"),n=require("../../__internal__/label/label.style.js"),a=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),r=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const l=s(e).default.div.attrs(r.default).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"sc-6686e23c-0"})(["margin-bottom:var(--fieldSpacing);",";","{box-sizing:border-box;resize:none;"," padding:var(--spacing150) var(--spacing200);","}"," ","{height:40px;position:absolute;height:100%;top:0px;right:4px;}"],t.margin,i.default,(({minHeight:e})=>`min-height: ${e||64}px;`),(({hasIcon:e})=>e&&"padding-right: var(--spacing500);"),(({labelInline:t})=>t&&e.css(["","{align-items:flex-start;padding-top:6px;}"],n.StyledLabelContainer)),a.default);exports.DEFAULT_MIN_HEIGHT=64,exports.default=l;

package/lib/components/tile/tile-content/tile-content.style.d.ts

@@ -5,5 +5,7 @@ interface StyledTileContentProps extends TileContentProps {
     width?: string | number;
     height?: string | number;
 }
-declare const StyledTileContent: import("styled-components").StyledComponent<"div", any, StyledTileContentProps, never>;
+declare const StyledTileContent: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledTileContentProps, "theme">;
 export default StyledTileContent;

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

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

package/lib/components/tile/tile-footer/tile-footer.style.d.ts

@@ -1,5 +1,7 @@
 import { TileFooterProps } from "./tile-footer.component";
 declare const StyledTileFooter: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     variant: TileFooterProps["variant"];
-}, never>;
+}, "theme">;
 export default StyledTileFooter;

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

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

package/lib/components/tile/tile-header/tile-header.style.d.ts

@@ -1,5 +1,7 @@
 import { TileHeaderProps } from "./tile-header.component";
 declare const StyledTileHeader: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     variant: TileHeaderProps["variant"];
-}, never>;
+}, "theme">;
 export default StyledTileHeader;

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

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

package/lib/components/tile/tile.style.d.ts

@@ -1,6 +1,8 @@
 import { SpaceProps } from "styled-system";
 import { TileProps } from "./tile.component";
-declare const StyledTile: import("styled-components").StyledComponent<"div", any, Pick<TileProps, "width" | "height" | "variant" | "highlightVariant" | "roundness" | "borderWidth" | "borderVariant"> & {
+declare const StyledTile: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<TileProps, "height" | "width" | "variant" | "highlightVariant" | "roundness" | "borderWidth" | "borderVariant"> & {
     isHorizontal?: boolean | undefined;
-} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, never>;
+} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "theme">;
 export default StyledTile;

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

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

package/lib/components/tile-select/tile-select.style.d.ts

@@ -15,9 +15,11 @@ declare const StyledFocusWrapper: import("styled-components").StyledComponent<"d
     hasFocus: boolean;
 }, never>;
 declare const StyledTileSelectContainer: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     checked?: boolean | undefined;
     disabled?: boolean | undefined;
-}, never>;
+}, "theme">;
 declare const StyledFooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledAccordionFooterWrapper: import("styled-components").StyledComponent<"div", any, {
     accordionExpanded?: boolean | undefined;
@@ -31,7 +33,9 @@ declare const StyledTileSelectFieldset: import("styled-components").StyledCompon
     ({ children, legend, required, isOptional, ...rest }: import("../fieldset").FieldsetProps): import("react").JSX.Element;
     displayName: string;
 }, any, {
+    theme: object;
+} & {
     multiSelect: boolean;
-}, never>;
+}, "theme">;
 declare const StyledGroupDescription: import("styled-components").StyledComponent<"p", any, {}, never>;
 export { StyledTileSelectFieldset, StyledGroupDescription, StyledTileSelectContainer, StyledTileSelect, StyledTileSelectInput, StyledTitleContainer, StyledTitle, StyledSubtitle, StyledAdornment, StyledDescription, StyledDeselectWrapper, StyledFooterWrapper, StyledFocusWrapper, StyledAccordionFooterWrapper, };

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

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

package/lib/components/toast/toast.style.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import { MessageVariant } from "../message/message.component";
 declare const StyledPortal: import("styled-components").StyledComponent<({ children, className, id, onReposition, inertOptOut, }: import("../portal/portal").PortalProps) => import("react").JSX.Element, any, {
+    theme: object;
+} & {
     align?: "center" | "left" | "right" | undefined;
     alignY?: "center" | "bottom" | "top" | undefined;
     isNotice?: boolean | undefined;
-}, never>;
+}, "theme">;
 type ToastVariants = Exclude<MessageVariant, "ai">;
 type ToastStyleProps = {
     align?: "left" | "center" | "right";