carbon-react 154.7.0 → 154.7.1

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";

package/lib/components/toast/toast.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("../icon-button/icon-button.style.js"),o=require("../portal/portal.js"),a=require("../../style/themes/base/index.js"),i=require("../icon/icon.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const n=r.default(o.Portal).withConfig({displayName:"toast.style__StyledPortal",componentId:"sc-45e811f8-0"})(["",""],(({theme:e,isNotice:o,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],e.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),o&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"]))));n.defaultProps={theme:a.default};const l=".toast",c=".toast-alternative",p={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=r.default.div.withConfig({displayName:"toast.style__StyledToast",componentId:"sc-45e811f8-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:o,align:a,isNotification:i,alignY:s,isNotice:r,variant:n})=>t.css(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],p[n],e.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",r||"center"===s||"bottom"===s?"0":"30px","bottom"!==s||r?"0":"30px",o||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),e.default,d,(({isNotice:o,alignY:a})=>o&&t.css(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],e.default,e.default,i.default,c,c,"top"===a?"top: -40px":"bottom: -40px",c,"top"===a?"top: 0":"bottom: 0",c,c,c,c,"top"===a?"top: 0":"bottom: 0",c,c,"top"===a?"top: -40px":"bottom: -40px"))),x=r.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"sc-45e811f8-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:e})=>e&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:e,isNotice:o})=>e&&t.css(["padding-right:",";"],o?"88px":"48px"))),f=r.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"sc-45e811f8-3"})([""," ",""],(({align:e})=>e&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],e)),(({isNotice:e})=>e&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=f;
+"use strict";var t=require("styled-components"),e=require("../icon-button/icon-button.style.js"),o=require("../portal/portal.js"),a=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const n=r.default(o.Portal).attrs(a.default).withConfig({displayName:"toast.style__StyledPortal",componentId:"sc-542b7ed1-0"})(["",""],(({theme:e,isNotice:o,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],e.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),o&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"])))),l=".toast",p=".toast-alternative",c={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=r.default.div.withConfig({displayName:"toast.style__StyledToast",componentId:"sc-542b7ed1-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:o,align:a,isNotification:i,alignY:s,isNotice:r,variant:n})=>t.css(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],c[n],e.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",r||"center"===s||"bottom"===s?"0":"30px","bottom"!==s||r?"0":"30px",o||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),e.default,d,(({isNotice:o,alignY:a})=>o&&t.css(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],e.default,e.default,i.default,p,p,"top"===a?"top: -40px":"bottom: -40px",p,"top"===a?"top: 0":"bottom: 0",p,p,p,p,"top"===a?"top: 0":"bottom: 0",p,p,"top"===a?"top: -40px":"bottom: -40px"))),x=r.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"sc-542b7ed1-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:e})=>e&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:e,isNotice:o})=>e&&t.css(["padding-right:",";"],o?"88px":"48px"))),u=r.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"sc-542b7ed1-3"})([""," ",""],(({align:e})=>e&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],e)),(({isNotice:e})=>e&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=u;

package/lib/components/tooltip/tooltip-pointer.style.d.ts

@@ -1,3 +1,5 @@
 import { TooltipProps } from "./tooltip.component";
-declare const StyledTooltipPointer: import("styled-components").StyledComponent<"div", any, Pick<TooltipProps, "type" | "bgColor">, never>;
+declare const StyledTooltipPointer: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<TooltipProps, "type" | "bgColor">, "theme">;
 export default StyledTooltipPointer;

package/lib/components/tooltip/tooltip-pointer.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/base/index.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"sc-d8a129c7-0"})(["",""],(({theme:t,type:r,bgColor:s})=>e.css(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],t.zIndex.popover,((e,t,r)=>t?o.toColor(e,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,s,r))));s.defaultProps={theme:t.default},exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.attrs(t.default).withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"sc-55209bbd-0"})(["",""],(({theme:t,type:r,bgColor:s})=>e.css(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],t.zIndex.popover,((e,t,r)=>t?o.toColor(e,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,s,r))));exports.default=s;

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

@@ -1,3 +1,5 @@
 import { TooltipProps } from "./tooltip.component";
-declare const StyledTooltip: import("styled-components").StyledComponent<"div", any, Pick<TooltipProps, "size" | "type" | "bgColor" | "fontColor">, never>;
+declare const StyledTooltip: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<TooltipProps, "type" | "size" | "bgColor" | "fontColor">, "theme">;
 export default StyledTooltip;

package/lib/components/tooltip/tooltip.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../style/themes/base/index.js"),t=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=e.keyframes(["0%{opacity:0;}100%{opacity:1;}"]),l=a.default.div.withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"sc-8ae44e8c-0"})(["",""],(({size:o,theme:r,type:a,bgColor:l,fontColor:s})=>e.css(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,r.zIndex.popover,s?t.toColor(r,s):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((e,o,r)=>o?t.toColor(e,o):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(r,l,a))));l.defaultProps={theme:o.default},exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/apply-base-theme.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=e.keyframes(["0%{opacity:0;}100%{opacity:1;}"]),l=a.default.div.attrs(t.default).withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"sc-386308ac-0"})(["",""],(({size:t,theme:r,type:a,bgColor:l,fontColor:s})=>e.css(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,r.zIndex.popover,s?o.toColor(r,s):"var(--colorsSemanticNeutralYang100)","medium"===t?"14px":"16px",((e,t,r)=>t?o.toColor(e,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(r,l,a))));exports.default=l;

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

@@ -1,3 +1,5 @@
 import { TypographyProps } from "./typography.component";
-declare const StyledTypography: import("styled-components").StyledComponent<"span", any, TypographyProps, never>;
+declare const StyledTypography: import("styled-components").StyledComponent<"span", any, {
+    theme: object;
+} & TypographyProps, "theme">;
 export default StyledTypography;

package/lib/components/typography/typography.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../style/utils/color.js"),s=require("../../style/themes/base/index.js"),a=require("../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=n(e).default.span.withConfig({displayName:"typography.style__StyledTypography",componentId:"sc-4444c80d-0"})([""," "," "," ",""],(({fontSize:r,fontWeight:t,display:s,variant:n,lineHeight:l,listStyleType:c,whiteSpace:o,wordBreak:u,wordWrap:i,textAlign:p,textDecoration:d,textOverflow:h,textTransform:g,truncate:f,screenReaderOnly:y})=>{const b=r||(e=>{switch(e){case"h1-large":return"40px";case"h1":return"30px";case"h2":return"24px";case"h3":case"segment-header":return"21px";case"h4":case"segment-header-small":return"18px";case"h5":case"segment-subheader":case"big":return"16px";case"small":case"sub":case"sup":return"13px";default:return"14px"}})(n),m=t||(e=>{switch(e){case"h1-large":case"h1":case"h2":case"segment-header":case"segment-header-small":return"700";case"h3":case"segment-subheader":case"segment-subheader-alt":case"b":case"em":case"strong":return"500";default:return"400"}})(n),x=g||(e=>"segment-subheader-alt"===e?"uppercase":"none")(n),w=d||(e=>"em"===e?"underline":"none")(n),O=l||(e=>{switch(e){case"h1-large":return"50px";case"h1":return"37.5px";case"h2":return"30px";case"h3":case"segment-header":return"26.25px";case"h4":case"segment-header-small":return"22.5px";case"h5":case"small":case"sub":case"sup":return"20px";case"segment-subheader":case"big":return"24px";default:return"21px"}})(n),v="p"===n?"0 0 16px":"0";return e.css(["font-style:normal;font-size:",";font-weight:",";text-transform:",";text-decoration:",";line-height:",";margin:",";padding:0;white-space:",";word-break:",";word-wrap:",";text-align:",";text-overflow:",";",";"," "," "," "," ",""],b,m,x,w,O,v,f?"nowrap":o,u,i,p,h||f&&"ellipsis",f&&"\n        overflow: hidden;\n      ",y&&a.default,"sup"===n&&"vertical-align: super;","sub"===n&&"vertical-align: sub;",s&&`display: ${s};`,c&&`list-style-type: ${c};`)}),r.space,(e=>{var{color:r,bg:s,backgroundColor:a}=e,n=function(e,r){if(null==e)return{};var t,s,a=function(e,r){if(null==e)return{};var t,s,a={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["color","bg","backgroundColor"]);return t.default(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){l(e,r,t[r])}))}return e}({color:r,bg:s,backgroundColor:a},n))}),(({isDisabled:r})=>r&&e.css(["color:var(--colorsUtilityYin030);"])));c.defaultProps={theme:s.default},c.displayName="Typography",exports.default=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../style/utils/color.js"),s=require("../../style/themes/apply-base-theme.js"),a=require("../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=n(e).default.span.attrs(s.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"sc-f80efd85-0"})([""," "," "," ",""],(({fontSize:r,fontWeight:t,display:s,variant:n,lineHeight:l,listStyleType:c,whiteSpace:o,wordBreak:u,wordWrap:i,textAlign:p,textDecoration:d,textOverflow:h,textTransform:g,truncate:f,screenReaderOnly:y})=>{const b=r||(e=>{switch(e){case"h1-large":return"40px";case"h1":return"30px";case"h2":return"24px";case"h3":case"segment-header":return"21px";case"h4":case"segment-header-small":return"18px";case"h5":case"segment-subheader":case"big":return"16px";case"small":case"sub":case"sup":return"13px";default:return"14px"}})(n),m=t||(e=>{switch(e){case"h1-large":case"h1":case"h2":case"segment-header":case"segment-header-small":return"700";case"h3":case"segment-subheader":case"segment-subheader-alt":case"b":case"em":case"strong":return"500";default:return"400"}})(n),x=g||(e=>"segment-subheader-alt"===e?"uppercase":"none")(n),w=d||(e=>"em"===e?"underline":"none")(n),O=l||(e=>{switch(e){case"h1-large":return"50px";case"h1":return"37.5px";case"h2":return"30px";case"h3":case"segment-header":return"26.25px";case"h4":case"segment-header-small":return"22.5px";case"h5":case"small":case"sub":case"sup":return"20px";case"segment-subheader":case"big":return"24px";default:return"21px"}})(n),v="p"===n?"0 0 16px":"0";return e.css(["font-style:normal;font-size:",";font-weight:",";text-transform:",";text-decoration:",";line-height:",";margin:",";padding:0;white-space:",";word-break:",";word-wrap:",";text-align:",";text-overflow:",";",";"," "," "," "," ",""],b,m,x,w,O,v,f?"nowrap":o,u,i,p,h||f&&"ellipsis",f&&"\n        overflow: hidden;\n      ",y&&a.default,"sup"===n&&"vertical-align: super;","sub"===n&&"vertical-align: sub;",s&&`display: ${s};`,c&&`list-style-type: ${c};`)}),r.space,(e=>{var{color:r,bg:s,backgroundColor:a}=e,n=function(e,r){if(null==e)return{};var t,s,a=function(e,r){if(null==e)return{};var t,s,a={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["color","bg","backgroundColor"]);return t.default(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){l(e,r,t[r])}))}return e}({color:r,bg:s,backgroundColor:a},n))}),(({isDisabled:r})=>r&&e.css(["color:var(--colorsUtilityYin030);"])));c.displayName="Typography",exports.default=c;

package/lib/components/vertical-divider/vertical-divider.style.d.ts

@@ -1,4 +1,8 @@
 import { VerticalDividerProps } from "./vertical-divider.component";
-declare const StyledVerticalWrapper: import("styled-components").StyledComponent<"div", any, VerticalDividerProps, never>;
-declare const StyledDivider: import("styled-components").StyledComponent<"div", any, Pick<VerticalDividerProps, "tint">, never>;
+declare const StyledVerticalWrapper: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & VerticalDividerProps, "theme">;
+declare const StyledDivider: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<VerticalDividerProps, "tint">, "theme">;
 export { StyledVerticalWrapper, StyledDivider };

package/lib/components/vertical-divider/vertical-divider.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("styled-system");require("../../style/themes/sage/index.js");var i=require("../../style/themes/base/index.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../style/themes/none/index.js");var r=s(e);const d=r.default.div.withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"sc-8c862c7b-0"})([""," "," ",""],t.space,(({height:t})=>t&&e.css(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:e})=>e?"display: inline;":"")),l=r.default.div.withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"sc-8c862c7b-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:e,tint:t})=>e.palette.slateTint(t)));d.defaultProps={theme:i.default},l.defaultProps={theme:i.default},exports.StyledDivider=l,exports.StyledVerticalWrapper=d;
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var d=s(e);const l=d.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledVerticalWrapper",componentId:"sc-b3cc6d7-0"})([""," "," ",""],t.space,(({height:t})=>t&&e.css(["height:",";"],"string"==typeof t?`${t}`:`${t}px`)),(({displayInline:e})=>e?"display: inline;":"")),r=d.default.div.attrs(i.default).withConfig({displayName:"vertical-divider.style__StyledDivider",componentId:"sc-b3cc6d7-1"})(["height:100%;border-left:1px solid ",";display:inherit;"],(({theme:e,tint:t})=>e.palette.slateTint(t)));exports.StyledDivider=r,exports.StyledVerticalWrapper=l;

package/lib/components/vertical-menu/vertical-menu.style.d.ts

@@ -5,29 +5,35 @@ interface StyledVerticalMenuProps extends PaddingProps {
     active?: boolean;
     height: string;
 }
-export declare const StyledVerticalMenuItem: import("styled-components").StyledComponent<"div", any, StyledVerticalMenuProps, never>;
+export declare const StyledVerticalMenuItem: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledVerticalMenuProps, "theme">;
 export declare const StyledTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
 export declare const StyledAdornment: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTitleIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const StyledChevronIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const StyledVerticalMenu: import("styled-components").StyledComponent<"div", any, import("../box").BoxProps & {
+export declare const StyledVerticalMenu: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & import("../box").BoxProps & {
     cssProps?: {
         color?: string | undefined;
         opacity?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
     } | undefined;
-}, never>;
+}, "theme">;
 interface FullScreenProps {
     isOpen: boolean;
     prefersReducedMotion?: boolean;
 }
-export declare const StyledVerticalMenuFullScreen: import("styled-components").StyledComponent<"div", any, import("../box").BoxProps & {
+export declare const StyledVerticalMenuFullScreen: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & import("../box").BoxProps & {
     cssProps?: {
         color?: string | undefined;
         opacity?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
     } | undefined;
-} & FullScreenProps, never>;
+} & FullScreenProps, "theme">;
 export {};