carbon-react 162.4.0 → 162.5.0

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

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

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

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

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

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

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

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

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

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

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

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

package/esm/components/sidebar/__internal__/sidebar-content/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./sidebar-content.component";

package/esm/components/sidebar/__internal__/sidebar-content/index.js

@@ -0,0 +1 @@
+export{default}from"./sidebar-content.component.js";

package/esm/components/sidebar/__internal__/sidebar-content/sidebar-content.component.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { PaddingProps } from "styled-system";
+interface SidebarContentProps extends PaddingProps {
+    children?: React.ReactNode;
+    disableStickyOnSmallScreen: boolean;
+    footer?: React.ReactNode;
+    isSmallScreen: boolean;
+    stickyFooter: boolean;
+}
+declare const SidebarContent: ({ children, disableStickyOnSmallScreen, footer, isSmallScreen, stickyFooter, ...padding }: SidebarContentProps) => React.JSX.Element;
+export default SidebarContent;

package/esm/components/sidebar/__internal__/sidebar-content/sidebar-content.component.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"react";import n from"../sidebar.context.js";import o from"../sidebar-footer/sidebar-footer.component.js";import{StyledSidebarContent as c,StyledSidebarBody as i}from"./sidebar-content.style.js";function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){l(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const b=l=>{var{children:b,disableStickyOnSmallScreen:y,footer:f,isSmallScreen:u,stickyFooter:d}=l,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["children","disableStickyOnSmallScreen","footer","isSmallScreen","stickyFooter"]);const p=null!=f&&""!==f&&r.Children.toArray(f).length>0,m=u&&!y,S=e(n.Provider,{value:{isInSidebar:!0,isStickyContentFocusable:m},children:b});return t(c,s(a({"data-element":"sidebar-content","data-role":"sidebar-content",tabIndex:-1,$disableStickyOnSmallScreen:y,$hasCustomFooter:p,$stickyFooter:d},O),{children:[p?e(i,s(a({"data-element":"sidebar-body","data-role":"sidebar-body",tabIndex:d&&m?0:-1,$disableStickyOnSmallScreen:y,$stickyFooter:d},O),{children:S})):S,p?e(o,{disableStickyOnSmallScreen:y,sticky:d,children:f}):null]}))};export{b as default};

package/esm/components/sidebar/__internal__/sidebar-content/sidebar-content.style.d.ts

@@ -0,0 +1,13 @@
+import { PaddingProps } from "styled-system";
+type StyledSidebarContentProps = PaddingProps & {
+    $disableStickyOnSmallScreen?: boolean;
+    $hasCustomFooter?: boolean;
+    $stickyFooter?: boolean;
+};
+type StyledSidebarBodyProps = PaddingProps & {
+    $disableStickyOnSmallScreen?: boolean;
+    $stickyFooter?: boolean;
+};
+declare const StyledSidebarBody: import("styled-components").StyledComponent<"div", any, StyledSidebarBodyProps, never>;
+declare const StyledSidebarContent: import("styled-components").StyledComponent<"div", any, StyledSidebarContentProps, never>;
+export { StyledSidebarBody, StyledSidebarContent };

package/esm/components/sidebar/__internal__/sidebar-content/sidebar-content.style.js

@@ -0,0 +1 @@
+import o,{css as a}from"styled-components";import{padding as e}from"styled-system";import{StyledForm as i,StyledFormContent as l,StyledFormFooter as t,StyledLeftButtons as r,StyledRightButtons as d}from"../../../form/form.style.js";import{smallScreenBreakpoint as n}from"../../sidebar.config.js";const s=o.div.withConfig({displayName:"sidebar-content.style__StyledSidebarBody",componentId:"carbon_v162_4_0__sc-1a52a5d4-0"})(["box-sizing:border-box;flex:1 0 auto;padding:var(--global-space-comp-xl);"," &:has(",".sticky){padding:var(--global-space-comp-none);}"," ",""],e,i,(({$stickyFooter:o})=>o&&a(["flex:1 1 auto;min-height:var(--global-size-none);overflow-y:auto;"])),(({$disableStickyOnSmallScreen:o})=>o&&a(["@media screen and (max-width:","){overflow-y:visible;}"],n))),c=o.div.withConfig({displayName:"sidebar-content.style__StyledSidebarContent",componentId:"carbon_v162_4_0__sc-1a52a5d4-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;color:var(--container-standard-txt-default);font:var(--global-font-static-body-regular-m);padding:var(--global-space-comp-xl);"," "," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--global-space-comp-xl);","}","{background:var(--container-standard-bg-default);border-top:var(--global-borderwidth-xs) solid var(--container-standard-border-default);gap:var(--global-space-comp-m);padding:var(--global-space-comp-l) var(--global-space-comp-xl);",",","{gap:var(--global-space-comp-m);}}}}",""],e,(({$hasCustomFooter:o,$stickyFooter:e})=>o&&a(["display:flex;flex-direction:column;padding:var(--global-space-comp-none);",""],e&&a(["min-height:var(--global-size-none);overflow-y:hidden;"]))),i,i,l,e,t,r,d,(({$disableStickyOnSmallScreen:o})=>o&&a(["@media screen and (max-width:","){flex:0 0 auto;min-height:auto;overflow-y:visible;&:has(",".sticky){overflow-y:visible;",".sticky{height:auto;","{overflow-y:visible;}","{box-shadow:none;position:static;}}}}"],n,i,i,l,t)));export{s as StyledSidebarBody,c as StyledSidebarContent};

package/esm/components/sidebar/__internal__/sidebar-footer/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./sidebar-footer.component";

package/esm/components/sidebar/__internal__/sidebar-footer/index.js

@@ -0,0 +1 @@
+export{default}from"./sidebar-footer.component.js";

package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.component.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface SidebarFooterProps {
+    children: React.ReactNode;
+    disableStickyOnSmallScreen: boolean;
+    sticky: boolean;
+}
+declare const SidebarFooter: ({ children, disableStickyOnSmallScreen, sticky, }: SidebarFooterProps) => React.JSX.Element;
+export default SidebarFooter;

package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"./sidebar-footer.style.js";const t=({children:t,disableStickyOnSmallScreen:a,sticky:i})=>e(r,{$disableStickyOnSmallScreen:a,$sticky:i,"data-element":"sidebar-footer","data-role":"sidebar-footer",children:t});export{t as default};

package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.style.d.ts

@@ -0,0 +1,6 @@
+interface StyledSidebarFooterProps {
+    $disableStickyOnSmallScreen?: boolean;
+    $sticky?: boolean;
+}
+declare const StyledSidebarFooter: import("styled-components").StyledComponent<"div", any, StyledSidebarFooterProps, never>;
+export default StyledSidebarFooter;

package/esm/components/sidebar/__internal__/sidebar-footer/sidebar-footer.style.js

@@ -0,0 +1 @@
+import a,{css as o}from"styled-components";import{smallScreenBreakpoint as t}from"../../sidebar.config.js";const e=a.div.withConfig({displayName:"sidebar-footer.style__StyledSidebarFooter",componentId:"carbon_v162_4_0__sc-4baa6a8b-0"})(["background:var(--container-standard-bg-default);box-sizing:border-box;display:flex;gap:var(--global-space-layout-2-xs);min-height:var(--global-size-3-xl);padding:var(--global-space-comp-l) var(--global-space-comp-xl);width:100%;"," ",""],(({$sticky:a})=>a&&o(["border-top:var(--global-borderwidth-xs) solid var(--container-standard-border-default);box-shadow:var(--global-depth-sticky-b);position:sticky;bottom:0;"])),(({$disableStickyOnSmallScreen:a})=>a&&o(["@media screen and (max-width:","){box-shadow:none;position:static;}"],t)));export{e as default};

package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts

@@ -5,10 +5,12 @@ export interface SidebarHeaderProps extends PaddingProps {
     children?: React.ReactNode;
     /** A custom id. */
     id: string;
-    /** Close icon button to be rendered */
-    closeIcon?: React.ReactNode;
+    /** Close button to be rendered. */
+    closeButton?: React.ReactNode;
     /** Header background variant for the sidebar. */
-    headerVariant?: "light" | "dark";
+    headerVariant?: "typical" | "inverse" | "light" | "dark";
+    /** Adds the Carbon AI gradient keyline to the header. */
+    gradientKeyLine?: boolean;
 }
 export interface SidebarSubHeaderProps extends PaddingProps {
     /** This component supports children. */
@@ -17,7 +19,7 @@ export interface SidebarSubHeaderProps extends PaddingProps {
     id: string;
 }
 declare const SidebarHeader: {
-    ({ children, id, closeIcon, headerVariant, ...rest }: SidebarHeaderProps): React.JSX.Element;
+    ({ children, id, closeButton, headerVariant, gradientKeyLine, ...rest }: SidebarHeaderProps): React.JSX.Element;
     displayName: string;
 };
 declare const SidebarSubHeader: {

package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t,{StyledSidebarSubHeader as n}from"./sidebar-header.style.js";function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}function o(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function c(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const d=n=>{var{children:i,id:d,closeIcon:l,headerVariant:b}=n,p=c(n,["children","id","closeIcon","headerVariant"]);return e(t,o(a({hasClose:!!l,"data-component":"sidebar-header","data-role":"sidebar-header",p:"27px 32px 32px",headerVariant:b},p),{children:[r("div",{"data-element":"sidebar-heading",id:d,children:i}),l]}))},l=e=>{var{children:t,id:i}=e,d=c(e,["children","id"]);return r(n,o(a({"data-component":"sidebar-subheader",p:"var(--sizing100) var(--sizing400)",id:i},d),{children:t}))};d.displayName="SidebarHeader",l.displayName="SidebarSubHeader";export{l as SidebarSubHeader,d as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import{Typography as t}from"../../../typography/typography.component.js";import n,{StyledSidebarSubHeader as a,StyledSidebarHeaderDivider as i}from"./sidebar-header.style.js";function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function l(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const b=a=>{var{children:o,id:b,closeButton:p,headerVariant:s,gradientKeyLine:u}=a,y=l(a,["children","id","closeButton","headerVariant","gradientKeyLine"]);return e(n,c(d({$hasCloseButton:!!p,"data-component":"sidebar-header","data-role":"sidebar-header",$headerVariant:s,$gradientKeyLine:u},y),{children:[r("div",{"data-element":"sidebar-heading",id:b,children:"string"==typeof o?r(t,{as:"h1","data-element":"sidebar-title",variant:"h2",wordBreak:"normal",wordWrap:"break-word",children:o}):o}),p,r(i,{"aria-hidden":"true","data-element":"sidebar-header-divider"})]}))},p=e=>{var{children:t,id:n}=e,i=l(e,["children","id"]);return r(a,c(d({"data-component":"sidebar-subheader",id:n},i),{children:t}))};b.displayName="SidebarHeader",p.displayName="SidebarSubHeader";export{p as SidebarSubHeader,b as default};

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

@@ -1,11 +1,15 @@
 declare const StyledSidebarHeader: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 } & {
-    hasClose?: boolean;
-    headerVariant?: "light" | "dark";
+    $hasCloseButton?: boolean;
+    $headerVariant?: "typical" | "inverse" | "light" | "dark";
+    $gradientKeyLine?: boolean;
+}, "theme">;
+declare const StyledSidebarHeaderDivider: import("styled-components").StyledComponent<"hr", any, {
+    theme: object;
 }, "theme">;
 declare const StyledSidebarSubHeader: import("styled-components").StyledComponent<"div", any, {
     theme: object;
 }, "theme">;
 export default StyledSidebarHeader;
-export { StyledSidebarSubHeader };
+export { StyledSidebarHeaderDivider, StyledSidebarSubHeader };

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

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{padding as r}from"styled-system";import i from"../../../../style/themes/apply-base-theme.js";import e from"../../../icon-button/icon-button.style.js";import a from"../../../icon/icon.style.js";const s=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"carbon_v162_3_1__sc-9741e920-0"})(["background-color:",";box-shadow:inset 0 -1px 0 0 var(--colorsUtilityMajor100);box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);transition:all 0.2s ease;"," ",' div[data-element="sidebar-heading"]{width:100%;}'],(({headerVariant:o})=>"light"===o?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100)"),r,(({hasClose:o,headerVariant:r})=>o&&t(["display:flex;justify-content:space-between;gap:var(--spacing200);> ",":first-of-type{"," align-self:flex-start;}"],e,"dark"===r&&t(["","{color:var(--colorsUtilityYang080);}"],a)))),l=o.div.attrs(i).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"carbon_v162_3_1__sc-9741e920-1"})(["box-sizing:border-box;width:100%;color:var(--colorsActionMinorYin090);background-color:var(--colorsUtilityMajor050);border-bottom:1px solid var(--colorsUtilityMajor075);"," transition:all 0.2s ease;"],r);export{l as StyledSidebarSubHeader,s as default};
+import a,{css as e}from"styled-components";import{padding as r}from"styled-system";import t from"../../../../style/themes/apply-base-theme.js";import o from"../../../icon/icon.style.js";const d=a.div.attrs(t).withConfig({displayName:"sidebar-header.style__StyledSidebarHeader",componentId:"carbon_v162_4_0__sc-1ddc81ab-0"})([""," box-sizing:border-box;flex:0 0 auto;min-height:calc((2 * var(--global-space-comp-xl)) + var(--global-size-s));width:100%;transition:all 0.2s ease;padding:var(--global-space-comp-xl);"," "," ",' div[data-element="sidebar-heading"]{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--global-space-comp-xs);min-width:0;width:100%;[data-element="sidebar-title"]{color:inherit;}}'],(({$headerVariant:a})=>{const r="inverse"===a||"dark"===a;return e(["background-color:",";color:",";position:relative;"],r?"var(--container-standard-inverse-bg-default)":"var(--container-standard-bg-default)",r?"var(--container-standard-inverse-txt-default)":"var(--container-standard-txt-default)")}),(({$gradientKeyLine:a})=>a&&e(["border-top:var(--global-borderwidth-xxl) solid transparent;border-image:var(--container-standard-border-ai-h) 1;"])),r,(({$hasCloseButton:a,$headerVariant:r})=>a&&e(['display:flex;justify-content:space-between;gap:var(--global-space-comp-l);> [data-component="close"]:first-of-type{'," align-self:flex-start;border-radius:var(--global-radius-action-circle);flex:0 0 auto;height:var(--global-size-s);min-width:var(--global-size-s);width:var(--global-size-s);","{height:var(--global-size-2-xs);width:var(--global-size-2-xs);}}"],("inverse"===r||"dark"===r)&&e(["","{color:var(--container-standard-inverse-txt-default);}&:is(:hover,:active,:focus) ","{color:var(--container-standard-inverse-txt-default);}&:disabled ","{color:var(--container-standard-inverse-txt-alt);}"],o,o,o),o))),i=a.hr.attrs(t).withConfig({displayName:"sidebar-header.style__StyledSidebarHeaderDivider",componentId:"carbon_v162_4_0__sc-1ddc81ab-1"})(["background:var(--container-standard-border-default);border:var(--global-borderwidth-none);bottom:0;height:var(--global-borderwidth-xs);left:0;margin:0;position:absolute;right:0;"]),l=a.div.attrs(t).withConfig({displayName:"sidebar-header.style__StyledSidebarSubHeader",componentId:"carbon_v162_4_0__sc-1ddc81ab-2"})(["box-sizing:border-box;width:100%;color:var(--container-standard-txt-default);background-color:var(--container-standard-bg-alt);border-bottom:var(--global-borderwidth-xs) solid var(--container-standard-border-default);padding:var(--global-space-comp-s) var(--global-space-comp-2-xl);"," transition:all 0.2s ease;"],r);export{i as StyledSidebarHeaderDivider,l as StyledSidebarSubHeader,d as default};

package/esm/components/sidebar/__internal__/sidebar.context.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export interface SidebarContextProps {
     isInSidebar?: boolean;
+    isStickyContentFocusable?: boolean;
 }
 declare const _default: React.Context<SidebarContextProps>;
 export default _default;

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

@@ -1,19 +1,18 @@
 import React, { RefObject } from "react";
 import { PaddingProps, WidthProps } from "styled-system";
-import { ModalProps } from "../../__internal__/modal";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
+import type { ModalProps } from "../../__internal__/modal";
+import { type TagProps } from "../../__internal__/utils/helpers/tags";
 export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<ModalProps, "topModalOverride" | "restoreFocusOnClose"> {
     /** Prop to specify the aria-describedby property of the component */
     "aria-describedby"?: string;
     /**
-     * Prop to specify the aria-label of the component.
-     * To be used only when the header prop is not defined, and the component is not labelled by any internal element.
+     * Provides an explicit accessible name for the component, overriding the
+     * automatic association with the header.
      */
     "aria-label"?: string;
     /**
-     * Prop to specify the aria-labelledby property of the component
-     * To be used when the header prop is a custom React Node,
-     * or the component is labelled by an internal element other than the header.
+     * Identifies the element that provides an explicit accessible name for the
+     * component, overriding the automatic association with the header.
      */
     "aria-labelledby"?: string;
     /** Modal content */
@@ -24,8 +23,22 @@ export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<M
     disableEscKey?: boolean;
     /** Set this prop to false to hide the translucent background when the dialog is open. */
     enableBackgroundUI?: boolean;
+    /**
+     * Whether the Sidebar uses its full-screen presentation below the small-screen breakpoint.
+     * @private
+     * @internal
+     * @ignore
+     */
+    fullScreenOnSmallScreen?: boolean;
+    /**
+     * When true, header and footer become non-sticky and scroll with content
+     * for accessibility on small screen devices.
+     */
+    disableStickyOnSmallScreen?: boolean;
     /** Optional reference to an element meant to be focused on open */
     focusFirstElement?: React.MutableRefObject<HTMLElement | null>;
+    /** Footer content to be rendered at the bottom of the Sidebar. */
+    footer?: React.ReactNode;
     disableAutoFocus?: boolean;
     /**
      * Function to replace focus trap
@@ -37,20 +50,31 @@ export interface SidebarProps extends PaddingProps, TagProps, WidthProps, Pick<M
     header?: React.ReactNode;
     /** Node that will be used as sidebar subheader. */
     subHeader?: React.ReactNode;
-    /** Header background variant for the sidebar. */
-    headerVariant?: "light" | "dark";
+    /**
+     * Header background variant for the sidebar.
+     * `light` and `dark` are deprecated aliases - use `typical` and `inverse` instead.
+     */
+    headerVariant?: "typical" | "inverse" | "light" | "dark";
+    /** Adds the Carbon AI gradient keyline to the header. */
+    gradientKeyLine?: boolean;
     /** A custom close event handler */
     onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent | React.MouseEvent<HTMLElement>) => void;
     /** Sets the open state of the modal */
     open: boolean;
-    /** Sets the position of sidebar, either left or right. */
+    /** @deprecated This prop will be removed in a future release.
+     * Sidebar will always be positioned on the right.
+     * Update the layout to support a right-positioned Sidebar if it is set to
+     * left, otherwise remove the prop.
+     * */
     position?: "left" | "right";
     /** The ARIA role to be applied to the component container */
     role?: string;
-    /** Sets the size of the sidebar when open. */
+    /** @deprecated Use `width` to customise the Sidebar width. */
     size?: "extra-small" | "small" | "medium-small" | "medium" | "medium-large" | "large" | "extra-large";
     /** Enables width animation when the sidebar width changes. */
     widthAnimation?: boolean;
+    /** Makes the footer stick to the bottom of the Sidebar when content scrolls. */
+    stickyFooter?: boolean;
     /** an optional array of refs to containers whose content should also be reachable by tabbing from the sidebar */
     focusableContainers?: RefObject<HTMLElement>[];
     /** Optional selector to identify the focusable elements, if not provided a default selector is used */

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

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

package/esm/components/sidebar/sidebar.config.d.ts

@@ -1,3 +1,4 @@
+export declare const smallScreenBreakpoint = "768px";
 export declare const SIDEBAR_SIZES_CSS: {
     "extra-small": string;
     small: string;

package/esm/components/sidebar/sidebar.config.js

@@ -1 +1 @@
-const l={"extra-small":"214px",small:"314px","medium-small":"414px",medium:"514px","medium-large":"614px",large:"714px","extra-large":"814px"},e=["extra-small","small","medium-small","medium","medium-large","large","extra-large"],m=["left","right"];export{m as SIDEBAR_ALIGNMENTS,e as SIDEBAR_SIZES,l as SIDEBAR_SIZES_CSS};
+const l="768px",e={"extra-small":"214px",small:"314px","medium-small":"414px",medium:"514px","medium-large":"614px",large:"714px","extra-large":"814px"},m=["extra-small","small","medium-small","medium","medium-large","large","extra-large"],a=["left","right"];export{a as SIDEBAR_ALIGNMENTS,m as SIDEBAR_SIZES,e as SIDEBAR_SIZES_CSS,l as smallScreenBreakpoint};

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

@@ -1,8 +1,11 @@
-import { PaddingProps } from "styled-system";
 import { SidebarProps } from "./sidebar.component";
-type StyledSidebarProps = Pick<SidebarProps, "onCancel" | "position" | "size" | "width" | "widthAnimation">;
 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 };
+} & Pick<SidebarProps, "width" | "size" | "position" | "widthAnimation"> & {
+    $disableStickyOnSmallScreen?: boolean;
+    $fullScreenOnSmallScreen?: boolean;
+}, "theme">;
+declare const StyledSidebarModal: import("styled-components").StyledComponent<(props: import("../../__internal__/modal").ModalProps) => import("react").JSX.Element, any, {
+    $fullScreenOnSmallScreen?: boolean;
+}, never>;
+export { StyledSidebar, StyledSidebarModal };

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

@@ -1 +1 @@
-import o,{css as i}from"styled-components";import{padding as t}from"styled-system";import e from"../../style/utils/element-sizing.js";import s from"../../style/themes/apply-base-theme.js";import n from"../icon-button/icon-button.style.js";import{SIDEBAR_SIZES_CSS as r}from"./sidebar.config.js";import{StyledForm as a,StyledFormContent as d}from"../form/form.style.js";const l=o.div.attrs(s).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"carbon_v162_3_1__sc-925b46ee-0"})([":focus{outline:none;}",""],(({onCancel:o,position:t,size:s,theme:a,width:d,widthAnimation:l})=>i(["background:var(--colorsUtilityYang100);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," "," ",""],a.zIndex.fullScreenModal,!d&&s&&i(["width:",";"],r[s]),d&&e({width:d}),l&&i(["transition:width 0.3s ease;"]),t&&i(["box-shadow:var(--boxShadow300);",":0;"],t),o&&i(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],n)))),p=o.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"carbon_v162_3_1__sc-925b46ee-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;padding:var(--spacing300) var(--spacing400) var(--spacing400);"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--spacing300) var(--spacing400) var(--spacing400);","}}}"],t,a,a,d,t);export{l as StyledSidebar,p as StyledSidebarContent};
+import a,{css as e}from"styled-components";import o from"../../style/utils/element-sizing.js";import i from"../../style/themes/apply-base-theme.js";import l from"../icon/icon.style.js";import{SIDEBAR_SIZES_CSS as r,smallScreenBreakpoint as n}from"./sidebar.config.js";import t from"../../__internal__/modal/modal.component.js";const d=a.div.attrs(i).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"carbon_v162_4_0__sc-e483f3b1-0"})([":focus{outline:none;}",""],(({position:a,size:i,theme:t,width:d,widthAnimation:s,$disableStickyOnSmallScreen:m,$fullScreenOnSmallScreen:c})=>e(["background:var(--container-standard-bg-default);border-radius:",";bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;overflow:hidden;"," "," "," ",' > [data-component="close"]:first-of-type{border-radius:var(--global-radius-action-circle);height:var(--global-size-s);min-width:var(--global-size-s);position:absolute;right:var(--global-space-comp-xl);top:var(--global-space-comp-xl);width:var(--global-size-s);z-index:1;',"{height:var(--global-size-2-xs);width:var(--global-size-2-xs);}}",""],"left"===a?"var(--global-radius-none) var(--global-radius-container-xl) var(--global-radius-container-xl) var(--global-radius-none)":"var(--global-radius-container-xl) var(--global-radius-none) var(--global-radius-none) var(--global-radius-container-xl)",t.zIndex.fullScreenModal,(!i||d)&&e(["min-width:288px;"]),d?o({width:d}):e(["width:",";"],i?r[i]:"30vw"),s&&e(["transition:width 0.3s ease;"]),a&&e(["box-shadow:var(--global-depth-lvl3);",":0;"],a),l,c&&e(["@media screen and (max-width:","){border-radius:var(--global-radius-none);height:100%;min-width:100%;width:100%;","}"],n,m&&e(["overflow-y:auto;"]))))),s=a(t).withConfig({displayName:"sidebar.style__StyledSidebarModal",componentId:"carbon_v162_4_0__sc-e483f3b1-1"})(["",""],(({$fullScreenOnSmallScreen:a})=>a&&e(["@media screen and (max-width:",'){[data-element="modal-background"]{display:none;}}'],n)));export{d as StyledSidebar,s as StyledSidebarModal};

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

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

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

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

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

@@ -1 +1 @@
-import t,{css as o}from"styled-components";import{StyledButton as a}from"../button/__next__/button.style.js";import e from"../icon/icon.style.js";const i={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},l=t(a).attrs((({isWhite:t})=>({$inverse:t}))).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v162_3_1__sc-431c5b6f-0"})(["",""],(({$displayed:t,$size:a,isWhite:l})=>o(["border-top-left-radius:var(--global-size-none);border-bottom-left-radius:var(--global-size-none);",' position:relative;&::before{content:"";width:var(--global-size-6-xs);height:calc(100% + var(--global-size-5-xs));background:var(--button-typical-primary-label-default);position:absolute;left:-2px;z-index:2;}width:',";min-height:",";height:100%;padding:var(--global-space-none);"],t?o(["&:not(:disabled){background-color:",";border-color:",";&,","{color:var(--button-typical-primary-label-active);}}"],l?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",l?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",e):"",i[a],i[a])));export{l as default};
+import t,{css as o}from"styled-components";import{StyledButton as a}from"../button/__next__/button.style.js";import e from"../icon/icon.style.js";const i={small:"var(--global-size-s)",medium:"var(--global-size-m)",large:"var(--global-size-l)"},l=t(a).attrs((({isWhite:t})=>({$inverse:t}))).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"carbon_v162_4_0__sc-431c5b6f-0"})(["",""],(({$displayed:t,$size:a,isWhite:l})=>o(["border-top-left-radius:var(--global-size-none);border-bottom-left-radius:var(--global-size-none);",' position:relative;&::before{content:"";width:var(--global-size-6-xs);height:calc(100% + var(--global-size-5-xs));background:var(--button-typical-primary-label-default);position:absolute;left:-2px;z-index:2;}width:',";min-height:",";height:100%;padding:var(--global-space-none);"],t?o(["&:not(:disabled){background-color:",";border-color:",";&,","{color:var(--button-typical-primary-label-active);}}"],l?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",l?"var(--button-typical-secondary-bg-active)":"var(--button-typical-primary-bg-active)",e):"",i[a],i[a])));export{l as default};

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

@@ -1 +1 @@
-import t from"styled-components";import{margin as o}from"styled-system";import{StyledButton as e}from"../button/__next__/button.style.js";import i from"../../style/themes/apply-base-theme.js";const n=t.div.attrs(i).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v162_3_1__sc-c579ef15-0"})([""," display:inline-flex;align-items:stretch;position:relative;& > ",":first-of-type{border-top-right-radius:var(--global-size-none);border-bottom-right-radius:var(--global-size-none);}& > ","{margin:var(--global-space-none);&:focus{position:relative;z-index:1;}}"],o,e,e),s=t.div.withConfig({displayName:"split-button.style__StyledPopoverMenuWrapper",componentId:"carbon_v162_3_1__sc-c579ef15-1"})(["display:flex;align-items:stretch;"]),r=t.div.withConfig({displayName:"split-button.style__StyledBackdrop",componentId:"carbon_v162_3_1__sc-c579ef15-2"})(["position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--carbon-zindex-small-overlay);background-color:transparent;"]);export{r as StyledBackdrop,s as StyledPopoverMenuWrapper,n as default};
+import t from"styled-components";import{margin as o}from"styled-system";import{StyledButton as e}from"../button/__next__/button.style.js";import i from"../../style/themes/apply-base-theme.js";const n=t.div.attrs(i).withConfig({displayName:"split-button.style__StyledSplitButton",componentId:"carbon_v162_4_0__sc-c579ef15-0"})([""," display:inline-flex;align-items:stretch;position:relative;& > ",":first-of-type{border-top-right-radius:var(--global-size-none);border-bottom-right-radius:var(--global-size-none);}& > ","{margin:var(--global-space-none);&:focus{position:relative;z-index:1;}}"],o,e,e),s=t.div.withConfig({displayName:"split-button.style__StyledPopoverMenuWrapper",componentId:"carbon_v162_4_0__sc-c579ef15-1"})(["display:flex;align-items:stretch;"]),r=t.div.withConfig({displayName:"split-button.style__StyledBackdrop",componentId:"carbon_v162_4_0__sc-c579ef15-2"})(["position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--carbon-zindex-small-overlay);background-color:transparent;"]);export{r as StyledBackdrop,s as StyledPopoverMenuWrapper,n as default};

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

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

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

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

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

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

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

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

package/esm/components/tabs/__next__/tabs.style.js

@@ -1 +1 @@
-import a,{css as o}from"styled-components";import i from"../../../style/utils/add-focus-styling.js";const t=6,r={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=a.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"carbon_v162_3_1__sc-e5240158-0"})(["padding:0 6px;"]),d=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v162_3_1__sc-e5240158-1"})(["display:flex;"," width:100%;padding:","px;overflow-x:hidden;"],(({$orientation:a,$scrollRequired:i})=>o([""," ",""],"horizontal"===a&&o(["margin-bottom:8px;",""],i&&o(["margin-inline:-","px;"],6)),"vertical"===a&&o(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"]))),6),n=a.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"carbon_v162_3_1__sc-e5240158-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),l=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v162_3_1__sc-e5240158-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),b=a.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"carbon_v162_3_1__sc-e5240158-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;z-index:2;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v162_3_1__sc-e5240158-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),s=a.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"carbon_v162_3_1__sc-e5240158-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:a})=>!a&&o(["align-items:center;display:flex;gap:8px;"])),(({activeTab:a,$orientation:i,$size:t,error:r,warning:e,info:d,$hasCustomLayout:n})=>a&&o([""," "," ",""],"horizontal"===i&&(r||e||d)&&o(["position:relative;top:1px;"]),"large"===t&&o(["margin-top:-4px;"]),n&&"horizontal"===i&&o(["position:relative;top:-2px;left:1px;"]))),(({$size:a,$hasCustomLayout:i})=>o(["font-size:","px;height:","px;",""],r[a].fontSize,r[a].height,i?o(["padding:0;"]):o(["padding:","px ","px;"],r[a].paddingY,r[a].paddingX))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>a&&"horizontal"===e&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&o(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],r[d].paddingY-4,r[d].paddingX-2,r[d].paddingY,r[d].paddingX-2),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black"))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:b})=>"vertical"===e&&o(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=b?b:"200px",null!=b?b:"200px",b&&o(["white-space:normal;height:auto;"]),a&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&o(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?r.medium.paddingY-2:4,"medium"===d?r.medium.paddingY-2:r.large.paddingY,r[d].paddingX-2),b&&!l&&o(["padding-right:18px;"]),l&&o(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&o(["top:20%;right:0px;"]),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black")))),i(),(({$orientation:a})=>o(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===a?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===a?"var(--global-radius-none)":"var(--global-radius-action-m)"))),g=a.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"carbon_v162_3_1__sc-e5240158-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),c=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v162_3_1__sc-e5240158-8"})(["",""],(({visible:a})=>o(["display:",";"],a?"block":"none")));export{l as Spacer,b as StyledScrollButton,p as StyledScrollButtonPlaceholder,s as StyledTab,d as StyledTabList,n as StyledTabListWrapper,e as StyledTabPanel,c as StyledTabProvider,g as StyledTabs,t as TAB_LIST_FOCUS_PADDING};
+import a,{css as o}from"styled-components";import i from"../../../style/utils/add-focus-styling.js";const t=6,r={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},e=a.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"carbon_v162_4_0__sc-e5240158-0"})(["padding:0 6px;"]),d=a.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"carbon_v162_4_0__sc-e5240158-1"})(["display:flex;"," width:100%;padding:","px;overflow-x:hidden;"],(({$orientation:a,$scrollRequired:i})=>o([""," ",""],"horizontal"===a&&o(["margin-bottom:8px;",""],i&&o(["margin-inline:-","px;"],6)),"vertical"===a&&o(["flex-direction:column;flex-wrap:wrap;margin-right:8px;"]))),6),n=a.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"carbon_v162_4_0__sc-e5240158-2"})(["display:flex;z-index:6;",";"],(({$headerWidth:a})=>a&&o(["width:",";"],a))),l=a.div.withConfig({displayName:"tabs.style__Spacer",componentId:"carbon_v162_4_0__sc-e5240158-3"})(["align-self:flex-end;background:var(--tab-border-active-alt);flex-grow:1;height:2px;"]),b=a.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"carbon_v162_4_0__sc-e5240158-4"})(["height:",";width:",";border-radius:var(--global-radius-none);border-top-right-radius:var(--global-radius-action-m);border-top-left-radius:var(--global-radius-action-m);border-color:var(--tab-border-active-alt);background:white;border:none;border-bottom:2px solid var(--tab-border-active-alt);top:6px;position:relative;z-index:2;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),p=a.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"carbon_v162_4_0__sc-e5240158-5"})(["height:",";width:",";border-radius:var(--global-radius-none);border-color:var(--tab-border-active-alt);border:none;border-bottom:2px solid var(--tab-border-active-alt);top:4px;position:relative;"],(({$size:a})=>"medium"===a?"40px":"48px"),(({$size:a})=>"medium"===a?"40px":"48px")),s=a.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"carbon_v162_4_0__sc-e5240158-6"})(["background-color:transparent;border:none;border-bottom:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) var(--global-radius-action-m) 0 0;white-space:nowrap;height:fit-content;color:var(--tab-label-default);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{"," ","}:hover{background-color:var(--tab-bg-hover);cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({$hasCustomLayout:a})=>!a&&o(["align-items:center;display:flex;gap:8px;"])),(({activeTab:a,$orientation:i,$size:t,error:r,warning:e,info:d,$hasCustomLayout:n})=>a&&o([""," "," ",""],"horizontal"===i&&(r||e||d)&&o(["position:relative;top:1px;"]),"large"===t&&o(["margin-top:-4px;"]),n&&"horizontal"===i&&o(["position:relative;top:-2px;left:1px;"]))),(({$size:a,$hasCustomLayout:i})=>o(["font-size:","px;height:","px;",""],r[a].fontSize,r[a].height,i?o(["padding:0;"]):o(["padding:","px ","px;"],r[a].paddingY,r[a].paddingX))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l})=>a&&"horizontal"===e&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-bottom:none;color:var(--tab-label-active);",' :hover{background-color:var(--tab-bg-active);}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:var(--global-radius-container-2-xs);min-width:24px;}"],!l&&o(["padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],r[d].paddingY-4,r[d].paddingX-2,r[d].paddingY,r[d].paddingX-2),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black"))),(({activeTab:a,error:i,info:t,$orientation:e,$size:d,warning:n,$hasCustomLayout:l,$headerWidth:b})=>"vertical"===e&&o(["border:none;border-right:2px solid var(--tab-border-default);border-radius:var(--global-radius-action-m) 0 0 var(--global-radius-action-m);max-width:",";width:",";"," ",""],null!=b?b:"200px",null!=b?b:"200px",b&&o(["white-space:normal;height:auto;"]),a&&o(["background-color:var(--tab-bg-active);border:2px solid var(--tab-border-active-alt);border-right:none;"," :hover{background-color:var(--tab-bg-active);}.tab-title-content-wrapper{"," ",' ::after{content:"";position:absolute;right:0;width:4px;'," height:60%;background-color:",";border-radius:var(--global-radius-container-2-xs);min-height:24px;}}"],!l&&o(["padding-top:","px;padding-right:var(--global-space-none);padding-bottom:","px;padding-left:","px;"],"medium"===d?r.medium.paddingY-2:4,"medium"===d?r.medium.paddingY-2:r.large.paddingY,r[d].paddingX-2),b&&!l&&o(["padding-right:18px;"]),l&&o(["width:100%;> *{position:relative;left:-2px;top:-2px;}"]),l&&o(["top:20%;right:0px;"]),(()=>i?"var(--tab-validation-border-error)":n?"var(--tab-validation-border-warning)":t?"#0060a7ff":"black")))),i(),(({$orientation:a})=>o(["border-top-left-radius:var(--global-radius-action-m);border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:var(--global-radius-none);"],"horizontal"===a?"var(--global-radius-action-m)":"var(--global-radius-none)","horizontal"===a?"var(--global-radius-none)":"var(--global-radius-action-m)"))),g=a.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"carbon_v162_4_0__sc-e5240158-7"})(["display:flex;",""],(({$orientation:a})=>o(["flex-direction:",";"],"horizontal"===a?"column":"row"))),c=a.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"carbon_v162_4_0__sc-e5240158-8"})(["",""],(({visible:a})=>o(["display:",";"],a?"block":"none")));export{l as Spacer,b as StyledScrollButton,p as StyledScrollButtonPlaceholder,s as StyledTab,d as StyledTabList,n as StyledTabListWrapper,e as StyledTabPanel,c as StyledTabProvider,g as StyledTabs,t as TAB_LIST_FOCUS_PADDING};

package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.js

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

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

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