carbon-react 154.7.0 → 154.7.1

package/esm/components/flat-table/sort/sort.style.js

@@ -1 +1 @@
-import o from"styled-components";import t from"../../icon/icon.component.js";import e from"../../../style/utils/add-focus-styling.js";import d from"../../../style/themes/base/index.js";const i=o.div.withConfig({displayName:"sort.style__StyledSort",componentId:"sc-6df1d9d6-0"})(["display:inline-flex;align-items:center;padding-left:2px;padding-right:2px;border-bottom:1px solid transparent;position:relative;:hover{border-bottom:1px solid;cursor:pointer;}:focus{"," border-radius:var(--borderRadius025);}"],e());i.defaultProps={theme:d};const r=o.div.withConfig({displayName:"sort.style__StyledSpaceHolder",componentId:"sc-6df1d9d6-1"})(["display:inline-block;width:22px;"]),s=o(t).withConfig({displayName:"sort.style__StyledSortIcon",componentId:"sc-6df1d9d6-2"})(["padding-left:var(--spacing075);color:",";"],(({iconColor:o})=>`var(${o})`));export{i as StyledSort,s as StyledSortIcon,r as StyledSpaceHolder};
+import o from"styled-components";import t from"../../icon/icon.component.js";import e from"../../../style/utils/add-focus-styling.js";import i from"../../../style/themes/apply-base-theme.js";const r=o.div.attrs(i).withConfig({displayName:"sort.style__StyledSort",componentId:"sc-806736b5-0"})(["display:inline-flex;align-items:center;padding-left:2px;padding-right:2px;border-bottom:1px solid transparent;position:relative;:hover{border-bottom:1px solid;cursor:pointer;}:focus{"," border-radius:var(--borderRadius025);}"],e()),s=o.div.withConfig({displayName:"sort.style__StyledSpaceHolder",componentId:"sc-806736b5-1"})(["display:inline-block;width:22px;"]),n=o(t).withConfig({displayName:"sort.style__StyledSortIcon",componentId:"sc-806736b5-2"})(["padding-left:var(--spacing075);color:",";"],(({iconColor:o})=>`var(${o})`));export{r as StyledSort,n as StyledSortIcon,s as StyledSpaceHolder};

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

@@ -10,11 +10,15 @@ interface StyledFormFooterProps {
     fullWidthButtons?: boolean;
     buttonAlignment?: FormButtonAlignment;
 }
-export declare const StyledFormFooter: import("styled-components").StyledComponent<"div", any, StyledFormFooterProps, never>;
+export declare const StyledFormFooter: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledFormFooterProps, "theme">;
 interface StyledFormProps extends StyledFormContentProps {
     height?: string;
 }
-export declare const StyledForm: import("styled-components").StyledComponent<"form", any, StyledFormProps, never>;
+export declare const StyledForm: import("styled-components").StyledComponent<"form", any, {
+    theme: object;
+} & StyledFormProps, "theme">;
 export declare const StyledRightButtons: import("styled-components").StyledComponent<"div", any, {
     buttonAlignment?: "left" | "right" | undefined;
 }, never>;

package/esm/components/form/form.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{padding as i,space as o}from"styled-system";import n from"../../__internal__/form-field/form-field.style.js";import s from"../../style/themes/base/index.js";import l from"../inline-inputs/inline-inputs.style.js";import r from"../select/select.style.js";import{StyledSelectMultiSelect as m}from"../select/multi-select/multi-select.style.js";import a from"../switch/switch.style.js";const d=t.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-a307ad0d-0"})((({stickyFooter:t,isInModal:i})=>t&&i&&e(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:t})=>t&&e(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],t,n,l,n,l,r,l,m,a,n))),p=t.div.withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-a307ad0d-1"})(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"," "," ",""],(({buttonAlignment:t})=>"right"===t&&e(["justify-content:flex-end;"])),(({stickyFooter:t,fullWidthButtons:i})=>e([""," "," ",""],!t&&e(["margin-top:48px;"]),t&&e(["background-color:var(--colorsUtilityYang100);box-shadow:0 -4px 12px 0 rgba(0,0,0,0.05);box-sizing:border-box;padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"]),i&&e(["flex-direction:column;align-items:stretch;"]))),i);p.defaultProps={theme:s};const f=t.form.withConfig({displayName:"form.style__StyledForm",componentId:"sc-a307ad0d-2"})([""," "," ",""],o,(({height:t})=>t&&e(["height:",";"],t)),(({stickyFooter:t,isInModal:i})=>t&&e(["display:flex;flex-direction:column;position:relative;",""],i&&e(["flex-grow:1;min-height:0;height:100%;"])))),g=t.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-a307ad0d-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),c=t.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-a307ad0d-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));f.defaultProps={theme:s};export{f as StyledForm,d as StyledFormContent,p as StyledFormFooter,c as StyledLeftButtons,g as StyledRightButtons};
+import t,{css as i}from"styled-components";import{padding as e,space as o}from"styled-system";import n from"../../__internal__/form-field/form-field.style.js";import s from"../../style/themes/apply-base-theme.js";import l from"../inline-inputs/inline-inputs.style.js";import r from"../select/select.style.js";import{StyledSelectMultiSelect as m}from"../select/multi-select/multi-select.style.js";import a from"../switch/switch.style.js";const d=t.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-862d20b4-0"})((({stickyFooter:t,isInModal:e})=>t&&e&&i(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:t})=>t&&i(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],t,n,l,n,l,r,l,m,a,n))),p=t.div.attrs(s).withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-862d20b4-1"})(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"," "," ",""],(({buttonAlignment:t})=>"right"===t&&i(["justify-content:flex-end;"])),(({stickyFooter:t,fullWidthButtons:e})=>i([""," "," ",""],!t&&i(["margin-top:48px;"]),t&&i(["background-color:var(--colorsUtilityYang100);box-shadow:0 -4px 12px 0 rgba(0,0,0,0.05);box-sizing:border-box;padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"]),e&&i(["flex-direction:column;align-items:stretch;"]))),e),f=t.form.attrs(s).withConfig({displayName:"form.style__StyledForm",componentId:"sc-862d20b4-2"})([""," "," ",""],o,(({height:t})=>t&&i(["height:",";"],t)),(({stickyFooter:t,isInModal:e})=>t&&i(["display:flex;flex-direction:column;position:relative;",""],e&&i(["flex-grow:1;min-height:0;height:100%;"])))),g=t.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-862d20b4-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),c=t.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-862d20b4-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));export{f as StyledForm,d as StyledFormContent,p as StyledFormFooter,c as StyledLeftButtons,g as StyledRightButtons};

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 declare const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 type StyledHeaderProps = {
     divider?: boolean;

package/esm/components/heading/heading.style.js

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import{margin as o}from"styled-system";import t from"../icon/icon.component.js";import n from"../icon/icon.style.js";import a from"../../style/themes/base/index.js";import{Help as r}from"../help/help.component.js";import{Typography as p}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";import{Hr as d}from"../hr/hr.component.js";import{Link as l}from"../link/link.component.js";import s from"../../style/utils/add-focus-styling.js";const m=e.div.withConfig({displayName:"heading.style__StyledHeading",componentId:"sc-9ca9efba-0"})(["width:100%;",""],o);m.defaultProps={theme:a};const c=e.div.withConfig({displayName:"heading.style__StyledHeaderContent",componentId:"sc-9ca9efba-1"})(["display:inline-flex;align-items:flex-end;"]),g=e.div.withConfig({displayName:"heading.style__StyledHeader",componentId:"sc-9ca9efba-2"})(["",""],(({divider:e,subheader:o,hasBackLink:t})=>i([""," "," "," ",""],o&&i(["margin-bottom:16px;"]),e&&i(["margin-bottom:15px;"]),e&&!o&&i(["margin-bottom:20px;"]),t&&i(["display:grid;grid-template-columns:min-content auto;"])))),y=e(l).withConfig({displayName:"heading.style__StyledHeadingBackButton",componentId:"sc-9ca9efba-3"})(["margin-right:5px;margin-top:2px;box-shadow:none;a,button{margin:0 1px 0 0;text-decoration:none;display:block;&:focus{background-color:transparent;","}&:hover{","{color:var(--colorsActionMinor600);}}","{margin-right:0;display:inline-flex;color:var(--colorsActionMinor500);}}"],s(),n,n);y.defaultProps={theme:a};const h=e(p).withConfig({displayName:"heading.style__StyledHeadingTitle",componentId:"sc-9ca9efba-4"})(["",""],(({withMargin:e})=>e?i(["margin-right:16px;"]):null)),f=e.span.withConfig({displayName:"heading.style__StyledHeadingPills",componentId:"sc-9ca9efba-5"})(["line-height:32px;display:inline-block;vertical-align:top;"]),x=e.div.withConfig({displayName:"heading.style__StyledSubHeader",componentId:"sc-9ca9efba-6"})(["margin-top:5px;grid-row:2;"," ",""],(({hasBackLink:e})=>e&&i(["grid-column:2;"])),(({hasSeparator:e})=>e&&i(["grid-row:3;margin-top:0px;"]))),b=e(t).withConfig({displayName:"heading.style__StyledHeadingIcon",componentId:"sc-9ca9efba-7"})(["height:30px;&:before,&",":before{font-size:24px;}"],n),_=e.hr.withConfig({displayName:"heading.style__StyledSeparator",componentId:"sc-9ca9efba-8"})(["border-top:2px;border-style:solid;border-color:var(--colorsUtilityMajor100);margin:10px 0 8px;text-align:left;width:50px;"]),w=e(d).withConfig({displayName:"heading.style__StyledDivider",componentId:"sc-9ca9efba-9"})(["margin:15px 0 20px;"]),u=e(r).withConfig({displayName:"heading.style__StyledHeaderHelp",componentId:"sc-9ca9efba-10"})(["display:inline-block;margin-left:-6px;margin-right:16px;position:relative;top:-4px;height:22px;"]);export{w as StyledDivider,g as StyledHeader,c as StyledHeaderContent,u as StyledHeaderHelp,m as StyledHeading,y as StyledHeadingBackButton,b as StyledHeadingIcon,f as StyledHeadingPills,h as StyledHeadingTitle,_ as StyledSeparator,x as StyledSubHeader};
+import i,{css as o}from"styled-components";import{margin as e}from"styled-system";import t from"../icon/icon.component.js";import n from"../icon/icon.style.js";import a from"../../style/themes/apply-base-theme.js";import{Help as d}from"../help/help.component.js";import{Typography as r}from"../typography/typography.component.js";import"react/jsx-runtime";import"react";import{Hr as p}from"../hr/hr.component.js";import{Link as l}from"../link/link.component.js";import s from"../../style/utils/add-focus-styling.js";const m=i.div.attrs(a).withConfig({displayName:"heading.style__StyledHeading",componentId:"sc-c7b238d0-0"})(["width:100%;",""],e),c=i.div.withConfig({displayName:"heading.style__StyledHeaderContent",componentId:"sc-c7b238d0-1"})(["display:inline-flex;align-items:flex-end;"]),g=i.div.withConfig({displayName:"heading.style__StyledHeader",componentId:"sc-c7b238d0-2"})(["",""],(({divider:i,subheader:e,hasBackLink:t})=>o([""," "," "," ",""],e&&o(["margin-bottom:16px;"]),i&&o(["margin-bottom:15px;"]),i&&!e&&o(["margin-bottom:20px;"]),t&&o(["display:grid;grid-template-columns:min-content auto;"])))),y=i(l).withConfig({displayName:"heading.style__StyledHeadingBackButton",componentId:"sc-c7b238d0-3"})(["margin-right:5px;margin-top:2px;box-shadow:none;a,button{margin:0 1px 0 0;text-decoration:none;display:block;&:focus{background-color:transparent;","}&:hover{","{color:var(--colorsActionMinor600);}}","{margin-right:0;display:inline-flex;color:var(--colorsActionMinor500);}}"],s(),n,n),h=i(r).withConfig({displayName:"heading.style__StyledHeadingTitle",componentId:"sc-c7b238d0-4"})(["",""],(({withMargin:i})=>i?o(["margin-right:16px;"]):null)),f=i.span.withConfig({displayName:"heading.style__StyledHeadingPills",componentId:"sc-c7b238d0-5"})(["line-height:32px;display:inline-block;vertical-align:top;"]),x=i.div.withConfig({displayName:"heading.style__StyledSubHeader",componentId:"sc-c7b238d0-6"})(["margin-top:5px;grid-row:2;"," ",""],(({hasBackLink:i})=>i&&o(["grid-column:2;"])),(({hasSeparator:i})=>i&&o(["grid-row:3;margin-top:0px;"]))),b=i(t).withConfig({displayName:"heading.style__StyledHeadingIcon",componentId:"sc-c7b238d0-7"})(["height:30px;&:before,&",":before{font-size:24px;}"],n),_=i.hr.withConfig({displayName:"heading.style__StyledSeparator",componentId:"sc-c7b238d0-8"})(["border-top:2px;border-style:solid;border-color:var(--colorsUtilityMajor100);margin:10px 0 8px;text-align:left;width:50px;"]),w=i(p).withConfig({displayName:"heading.style__StyledDivider",componentId:"sc-c7b238d0-9"})(["margin:15px 0 20px;"]),S=i(d).withConfig({displayName:"heading.style__StyledHeaderHelp",componentId:"sc-c7b238d0-10"})(["display:inline-block;margin-left:-6px;margin-right:16px;position:relative;top:-4px;height:22px;"]);export{w as StyledDivider,g as StyledHeader,c as StyledHeaderContent,S as StyledHeaderHelp,m as StyledHeading,y as StyledHeadingBackButton,b as StyledHeadingIcon,f as StyledHeadingPills,h as StyledHeadingTitle,_ as StyledSeparator,x as StyledSubHeader};

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

@@ -1,5 +1,7 @@
 interface StyledHelpProps {
     href?: string;
 }
-declare const StyledHelp: import("styled-components").StyledComponent<"div", any, StyledHelpProps, never>;
+declare const StyledHelp: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledHelpProps, "theme">;
 export default StyledHelp;

package/esm/components/help/help.style.js

@@ -1 +1 @@
-import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import r from"../../style/themes/base/index.js";import i from"../icon/icon.style.js";import n from"../../style/utils/add-focus-styling.js";const s=o.div.withConfig({displayName:"help.style__StyledHelp",componentId:"sc-155f8e1c-0"})(["background:none;cursor:default;border:none;outline:none;display:inline-block;vertical-align:middle;font-size:14px;position:relative;margin-bottom:0;margin-top:0;text-decoration:none;","{color:var(--colorsUtilityYin065);}"," &:focus ",",&:hover ","{color:var(--colorsUtilityYin090);text-decoration:none;}&:focus ","{border-radius:var(--borderRadius050);","}",""],i,(({href:o})=>o&&e(["cursor:pointer;"])),i,i,i,n(),t);s.defaultProps={theme:r};export{s as default};
+import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import r from"../../style/themes/apply-base-theme.js";import i from"../icon/icon.style.js";import n from"../../style/utils/add-focus-styling.js";const s=o.div.attrs(r).withConfig({displayName:"help.style__StyledHelp",componentId:"sc-5ab004c8-0"})(["background:none;cursor:default;border:none;outline:none;display:inline-block;vertical-align:middle;font-size:14px;position:relative;margin-bottom:0;margin-top:0;text-decoration:none;","{color:var(--colorsUtilityYin065);}"," &:focus ",",&:hover ","{color:var(--colorsUtilityYin090);text-decoration:none;}&:focus ","{border-radius:var(--borderRadius050);","}",""],i,(({href:o})=>o&&t(["cursor:pointer;"])),i,i,i,n(),e);export{s as default};

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

@@ -1,5 +1,7 @@
 import { MarginProps } from "styled-system";
-declare const StyledHr: import("styled-components").StyledComponent<"hr", any, MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+declare const StyledHr: import("styled-components").StyledComponent<"hr", any, {
+    theme: object;
+} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     height: "small" | "medium" | "large";
-}, never>;
+}, "theme">;
 export default StyledHr;

package/esm/components/hr/hr.style.js

@@ -1 +1 @@
-import e from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/base/index.js";const r={small:1,medium:2,large:3},s=e.hr.withConfig({displayName:"hr.style__StyledHr",componentId:"sc-d55bbf87-0"})([""," width:100%;border:0;height:","px;background:var(--colorsUtilityMajor100);"],t,(({height:e})=>r[e]));s.defaultProps={theme:o};export{s as default};
+import t from"styled-components";import{margin as e}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const r={small:1,medium:2,large:3},s=t.hr.attrs(o).withConfig({displayName:"hr.style__StyledHr",componentId:"sc-f5e16ec5-0"})([""," width:100%;border:0;height:","px;background:var(--colorsUtilityMajor100);"],e,(({height:t})=>r[t]));export{s as default};

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

@@ -1,4 +1,4 @@
-import { ThemeObject } from "../../style/themes/base";
+import { ThemeObject } from "../../style/themes/theme.types";
 import { IconType } from "./icon-type";
 export type BackgroundShape = "circle" | "rounded-rect" | "square";
 export type BgSize = "small" | "medium" | "large" | "extra-large";
@@ -34,5 +34,7 @@ export interface StyledIconInternalProps {
     hasTooltip?: boolean;
     theme?: ThemeObject;
 }
-declare const StyledIcon: import("styled-components").StyledComponent<"span", any, StyledIconProps & StyledIconInternalProps, never>;
+declare const StyledIcon: import("styled-components").StyledComponent<"span", any, {
+    theme: object;
+} & StyledIconProps & StyledIconInternalProps, "theme">;
 export default StyledIcon;

package/esm/components/icon/icon.style.js

@@ -1 +1 @@
-import o,{css as e}from"styled-components";import{shade as t}from"polished";import{margin as r}from"styled-system";import i from"../../style/themes/base/index.js";import n from"../../style/utils/add-focus-styling.js";import s from"../../style/utils/color.js";import l from"../../style/utils/get-color-value.js";import{getWindow as a,getNavigator as c}from"../../__internal__/dom/globals.js";import m,{isSafari as d}from"../../__internal__/utils/helpers/browser-type-check/index.js";import f from"./icon-config.js";import p from"./icon-unicodes.js";const g=o.span.withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-a1b5f4a4-0"})(["",""],(({theme:o,color:i,bg:g,isInteractive:h,bgSize:u,bgShape:b,type:y,fontSize:v,disabled:z,hasTooltip:S})=>{let j="var(--colorsYin090)",k="var(--colorsYin090)",_="transparent",x="transparent";const w=a(),I=c(),Y=function(o,e){const t={small:1,medium:2,large:3,"extra-large":4};return o&&e?t[e]<t[o]?(console.warn(`[WARNING - Icon] The "${e}" \`bgSize\` is smaller than "${o}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),f.backgroundSize[o]):f.backgroundSize[e]:e?f.backgroundSize[e]:void 0}(v,u);try{if(z)j="var(--colorsYin030)",k="var(--colorsYin030)";else if(i){const{color:e}=s({color:i,theme:o});j=e,k=t(.2,l(e))}if(g){const{backgroundColor:e}=s({bg:g,theme:o});_=e,x=t(.2,l(e))}}catch(o){console.error(o)}return e(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," ",""],j,_,Y,Y,b?`border-radius: ${f.backgroundShape[b]}`:"",h&&e(["&:hover{color:",";background-color:",";}"],k,x),p[y],v&&e(["font-size:",";line-height:",";"],f.iconSize[v],f.iconSize[v]),w&&"services"===y&&m(w)&&e(["margin-top:",";"],"small"===v?"-7px":"-8px"),I&&w&&"services"===y&&d(I)&&!m(w)&&e(["margin-top:-6px;"]),S&&`\n        :focus {\n          ${n()}\n        }\n      `,r)}));g.defaultProps={theme:i};export{g as default};
+import o,{css as e}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import n from"../../style/utils/add-focus-styling.js";import r from"../../style/utils/color.js";import{getWindow as s,getNavigator as l}from"../../__internal__/dom/globals.js";import a,{isSafari as c}from"../../__internal__/utils/helpers/browser-type-check/index.js";import m from"./icon-config.js";import d from"./icon-unicodes.js";const f=o.span.attrs(i).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-3fcc72a5-0"})(["",""],(({theme:o,color:i,bg:f,isInteractive:g,bgSize:p,bgShape:h,type:b,fontSize:u,disabled:y,hasTooltip:z})=>{let S="var(--colorsYin090)",v="transparent";const _=s(),j=l(),k=function(o,e){const t={small:1,medium:2,large:3,"extra-large":4};return o&&e?t[e]<t[o]?(console.warn(`[WARNING - Icon] The "${e}" \`bgSize\` is smaller than "${o}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),m.backgroundSize[o]):m.backgroundSize[e]:e?m.backgroundSize[e]:void 0}(u,p);if(y)S="var(--colorsYin030)";else if(i){const{color:e}=r({color:i,theme:o});S=e}if(f){const{backgroundColor:e}=r({bg:f,theme:o});v=e}return e(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," ",""],S,v,k,k,h?`border-radius: ${m.backgroundShape[h]}`:"",g&&e(["&:not(:focus):hover{filter:brightness(0.9);}"]),d[b],u&&e(["font-size:",";line-height:",";"],m.iconSize[u],m.iconSize[u]),_&&"services"===b&&a(_)&&e(["margin-top:",";"],"small"===u?"-7px":"-8px"),j&&_&&"services"===b&&c(j)&&!a(_)&&e(["margin-top:-6px;"]),z&&`\n        :focus {\n          ${n()}\n        }\n      `,t)}));export{f as default};

package/esm/components/icon-button/icon-button.style.d.ts

@@ -1,4 +1,6 @@
 declare const StyledIconButton: import("styled-components").StyledComponent<"button", any, {
+    theme: object;
+} & {
     type: "button";
-}, "type">;
+}, "theme" | "type">;
 export default StyledIconButton;

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

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{space as e}from"styled-system";import r from"../icon/icon.style.js";import"../../style/themes/sage/index.js";import s from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import n from"../../style/utils/add-focus-styling.js";const i=o.button.attrs({type:"button"}).withConfig({displayName:"icon-button.style__StyledIconButton",componentId:"sc-3084b589-0"})(["",""],(({disabled:o})=>t(["&&{","}background:transparent;border:none;border-radius:var(--borderRadius050);&:focus{","}&:hover{cursor:",";}&::-moz-focus-inner{border:none;}","{",";position:relative;&:focus{border:none;}}"],e,n(),o?"not-allowed":"pointer",r,o&&t(["color:var(--colorsActionMinorYin030);background-color:transparent;"]))));i.defaultProps={theme:s};export{i as default};
+import o,{css as t}from"styled-components";import{space as r}from"styled-system";import e from"../icon/icon.style.js";import n from"../../style/themes/apply-base-theme.js";import s from"../../style/utils/add-focus-styling.js";const i=o.button.attrs(n).attrs({type:"button"}).withConfig({displayName:"icon-button.style__StyledIconButton",componentId:"sc-efc15704-0"})(["",""],(({disabled:o})=>t(["&&{","}background:transparent;border:none;border-radius:var(--borderRadius050);&:focus{","}&:hover{cursor:",";}&::-moz-focus-inner{border:none;}","{",";position:relative;&:focus{border:none;}}"],r,s(),o?"not-allowed":"pointer",e,o&&t(["color:var(--colorsActionMinorYin030);background-color:transparent;"]))));export{i as default};

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

@@ -25,6 +25,8 @@ export interface StyledImageProps extends BackgroundProps, LayoutProps, MarginPr
     left?: string;
 }
 declare const StyledImage: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     children: import("react").ReactNode;
     src: string | undefined;
     hidden: boolean;
@@ -34,5 +36,8 @@ declare const StyledImage: import("styled-components").StyledComponent<"div", an
     bottom: string | undefined;
     left: string | undefined;
     as?: string | undefined;
-} & StyledImageProps, "position" | "children" | "hidden" | "bottom" | "left" | "right" | "top" | "as" | "src">;
+    backgroundPosition: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundPosition<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
+    backgroundRepeat: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundRepeat, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
+    backgroundSize: import("styled-system").ResponsiveValue<import("csstype").Property.BackgroundSize<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
+} & StyledImageProps, "theme" | "hidden" | "children" | "src" | "as" | "position" | "bottom" | "left" | "right" | "top" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat">;
 export { StyledImage };

package/esm/components/image/image.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{margin as r,layout as o,padding as n,background as i}from"styled-system";import"../../style/themes/sage/index.js";import s from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const p=e.div.attrs((({src:e,children:t,hidden:r=!1,position:o,top:n,right:i,bottom:s,left:p})=>{return l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){c(e,t,r[t])}))}return e}({},e&&{as:"img"}),b=null!=(b={children:e?void 0:t,src:e,hidden:r,position:o,top:n,right:i,bottom:s,left:p})?b:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(b)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(b)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(b,e))})),l;var l,b})).withConfig({displayName:"image.style__StyledImage",componentId:"sc-9d321c55-0"})([""," "," "," "," ",""],r,o,n,(({position:e,top:r,right:o,bottom:n,left:i})=>t(["position:",";top:",";right:",";bottom:",";left:",";"],e,r,o,n,i)),(({as:e})=>"img"!==e&&t(["",""],i)));p.defaultProps={backgroundPosition:"center",backgroundRepeat:"no-repeat",backgroundSize:"cover",theme:s};export{p as StyledImage};
+import t,{css as e}from"styled-components";import{margin as r,layout as o,padding as n,background as i}from"styled-system";import c from"../../style/themes/apply-base-theme.js";function p(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const s=t.div.attrs(c).attrs((({backgroundPosition:t="center",backgroundRepeat:e="no-repeat",backgroundSize:r="cover",src:o,children:n,hidden:i=!1,position:c,top:s,right:b,bottom:a,left:l})=>{return f=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){p(t,e,r[e])}))}return t}({backgroundPosition:t,backgroundRepeat:e,backgroundSize:r},o&&{as:"img"}),m=null!=(m={children:o?void 0:n,src:o,hidden:i,position:c,top:s,right:b,bottom:a,left:l})?m:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(m)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(m)).forEach((function(t){Object.defineProperty(f,t,Object.getOwnPropertyDescriptor(m,t))})),f;var f,m})).withConfig({displayName:"image.style__StyledImage",componentId:"sc-ef5b153d-0"})([""," "," "," "," ",""],r,o,n,(({position:t,top:r,right:o,bottom:n,left:i})=>e(["position:",";top:",";right:",";bottom:",";left:",";"],t,r,o,n,i)),(({as:t})=>"img"!==t&&e(["",""],i)));export{s as StyledImage};

package/esm/components/inline-inputs/inline-inputs.style.d.ts

@@ -16,6 +16,8 @@ export interface StyledInlineInputsProps extends StyledInlineInputProps {
 }
 declare const StyledInlineInput: import("styled-components").StyledComponent<"div", any, InlineInputsProps, never>;
 declare const StyledContentContainer: import("styled-components").StyledComponent<"div", any, InlineInputsProps, never>;
-declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, InlineInputsProps, never>;
+declare const StyledInlineInputs: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & InlineInputsProps, "theme">;
 export { StyledContentContainer, StyledInlineInput };
 export default StyledInlineInputs;

package/esm/components/inline-inputs/inline-inputs.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{margin as r}from"styled-system";import i from"../../__internal__/input/input-presentation.style.js";import{StyledLabelContainer as o}from"../../__internal__/label/label.style.js";import a from"../../style/themes/base/index.js";const d={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},n=t.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-793bb7a3-0"})(["flex:1;",""],(({gutter:t})=>t&&e(["margin-bottom:0;padding-left:","px;"],d[t]))),l=t.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-793bb7a3-1"})(["display:flex;flex:",";",""],(({inputWidth:t})=>t?`0 0 ${t}%`:1),(({gutter:t})=>t&&e(["margin-bottom:0;margin-left:-","px;",""],d[t],"none"===t&&e([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],n,n,i,n,i,n,i,n,i)))),s=t.div.withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-793bb7a3-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],r,(({labelInline:t})=>t?"flex":"block"),o,(({labelInline:t})=>t?"0px":"8px"),(({labelWidth:t})=>t?`${t}%`:"auto"));s.defaultProps={theme:a};export{l as StyledContentContainer,n as StyledInlineInput,s as default};
+import t,{css as e}from"styled-components";import{margin as r}from"styled-system";import i from"../../__internal__/input/input-presentation.style.js";import{StyledLabelContainer as o}from"../../__internal__/label/label.style.js";import a from"../../style/themes/apply-base-theme.js";const n={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},d=t.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-9639cce8-0"})(["flex:1;",""],(({gutter:t})=>t&&e(["margin-bottom:0;padding-left:","px;"],n[t]))),l=t.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-9639cce8-1"})(["display:flex;flex:",";",""],(({inputWidth:t})=>t?`0 0 ${t}%`:1),(({gutter:t})=>t&&e(["margin-bottom:0;margin-left:-","px;",""],n[t],"none"===t&&e([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],d,d,i,d,i,d,i,d,i)))),s=t.div.attrs(a).withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-9639cce8-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],r,(({labelInline:t})=>t?"flex":"block"),o,(({labelInline:t})=>t?"0px":"8px"),(({labelWidth:t})=>t?`${t}%`:"auto"));export{l as StyledContentContainer,d as StyledInlineInput,s as default};

package/esm/components/link/link.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as o,useContext as i,useMemo as a,useEffect as l}from"react";import c from"../icon/icon.component.js";import s from"../menu/__internal__/menu.context.js";import{StyledLink as u,StyledContent as p}from"./link.style.js";import b from"../../__internal__/utils/helpers/tags/tags.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){y(e,t,n[t])}))}return e}function d(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const k=r.forwardRef(((y,k)=>{var{children:g,onKeyDown:j,href:h,onClick:w,onMouseDown:P,icon:_,iconAlign:v="left",isSkipLink:D,disabled:L,ariaLabel:S,rel:M,tooltipMessage:x,tooltipPosition:A,target:B,variant:C="default",isDarkBackground:E,removeAriaLabelOnIcon:I,className:N}=y,K=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(y,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[F,R]=o(!1),W=f(),{inMenu:q}=i(s),{batchSelectionDisabled:z}=i(m),G=L||z,H=r.useCallback((e=>{k&&("object"==typeof k&&(k.current=e),"function"==typeof k&&k(e))}),[k]),J=(t="left")=>_&&v===t?e(c,{type:_,disabled:G,ariaLabel:I?void 0:S,tooltipMessage:x,tooltipPosition:A}):null,Q=a((()=>{const e=K;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[K]),T=d(O({onKeyDown:j,onMouseDown:P,onClick:w,disabled:G,target:B,ref:H,href:h,rel:M,"aria-label":S},Q),{onFocus:()=>R(!0),onBlur:()=>R(!1)}),U={type:"button"};return l((()=>{(L||!h&&!w)&&R(!1)}),[L,h,w]),e(u,d(O({isSkipLink:D,disabled:G,iconAlign:v,className:N,hasContent:Boolean(g),variant:C,isDarkBackground:E,isMenuItem:q},b("link",K),D&&{"data-element":"skip-link"}),{hasFocus:F,children:(()=>{let o="a";return w&&!h&&(o="button"),r.createElement(o,"button"===o?O({},T,U):d(O({},T),{"data-role":"link-anchor"}),t(n,{children:[J(),e(p,{children:D?W.link.skipLinkLabel():g}),J("right")]}))})()}))}));k.displayName="Link";export{k as Link,k as default};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import r,{useState as o,useContext as i,useMemo as a,useEffect as l}from"react";import c from"../icon/icon.component.js";import s from"../menu/__internal__/menu.context.js";import{StyledLink as u,StyledContent as p}from"./link.style.js";import b from"../../__internal__/utils/helpers/tags/tags.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){y(e,t,n[t])}))}return e}function d(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const k=r.forwardRef(((y,k)=>{var{children:g,onKeyDown:j,href:h,onClick:w,onMouseDown:P,icon:_,iconAlign:v="left",isSkipLink:D,disabled:L=!1,ariaLabel:S,rel:M,tooltipMessage:x,tooltipPosition:A,target:B,variant:C="default",isDarkBackground:E,removeAriaLabelOnIcon:I,className:N}=y,K=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(y,["children","onKeyDown","href","onClick","onMouseDown","icon","iconAlign","isSkipLink","disabled","ariaLabel","rel","tooltipMessage","tooltipPosition","target","variant","isDarkBackground","removeAriaLabelOnIcon","className"]);const[F,R]=o(!1),W=f(),{inMenu:q}=i(s),{batchSelectionDisabled:z}=i(m),G=L||z,H=r.useCallback((e=>{k&&("object"==typeof k&&(k.current=e),"function"==typeof k&&k(e))}),[k]),J=(t="left")=>_&&v===t?e(c,{type:_,disabled:G,ariaLabel:I?void 0:S,tooltipMessage:x,tooltipPosition:A}):null,Q=a((()=>{const e=K;return Object.keys(e).filter((e=>e.startsWith("aria"))).reduce(((t,n)=>(t[n]=e[n],t)),{})}),[K]),T=d(O({onKeyDown:j,onMouseDown:P,onClick:w,disabled:G,target:B,ref:H,href:h,rel:M,"aria-label":S},Q),{onFocus:()=>R(!0),onBlur:()=>R(!1)}),U={type:"button"};return l((()=>{(L||!h&&!w)&&R(!1)}),[L,h,w]),e(u,d(O({isSkipLink:D,disabled:G,iconAlign:v,className:N,hasContent:Boolean(g),variant:C,isDarkBackground:E,isMenuItem:q},b("link",K),D&&{"data-element":"skip-link"}),{hasFocus:F,children:(()=>{let o="a";return w&&!h&&(o="button"),r.createElement(o,"button"===o?O({},T,U):d(O({},T),{"data-role":"link-anchor"}),t(n,{children:[J(),e(p,{children:D?W.link.skipLinkLabel():g}),J("right")]}))})()}))}));k.displayName="Link";export{k as Link,k as default};

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

@@ -16,6 +16,8 @@ interface PrivateStyledLinkProps {
     hasContent: boolean;
     isMenuItem?: boolean;
 }
-declare const StyledLink: import("styled-components").StyledComponent<"span", any, StyledLinkProps & PrivateStyledLinkProps, never>;
+declare const StyledLink: import("styled-components").StyledComponent<"span", any, {
+    theme: object;
+} & StyledLinkProps & PrivateStyledLinkProps, "theme">;
 declare const StyledContent: import("styled-components").StyledComponent<"span", any, {}, never>;
 export { StyledLink, StyledContent };

package/esm/components/link/link.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import t from"../../style/themes/base/index.js";import i from"../icon/icon.style.js";import n from"../button/button.style.js";const a={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o&&(r="var(--colorsActionMinor100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},e=o.span.withConfig({displayName:"link.style__StyledLink",componentId:"sc-2d34dd4a-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:e,hasContent:l,disabled:s,variant:c,isDarkBackground:d,isMenuItem:v,hasFocus:u})=>{const b=d?"dark":"light",{color:g,hoverColor:p,disabledColor:h}=a[b](c);return r([""," "," "," > a,> button{text-decoration:",";"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&r(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],t.zIndex.aboveAll,i),!o&&r(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!s&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],g,i,g,p,i,p),s&&r(["color:",";&:hover,&:focus{color:",";}"],h,h)),!s&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l?"underline":"none",v&&"display: inline-block;",i,l?"inline-block":"inline","left"===e&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===e&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),i,s&&r(["cursor:not-allowed;"]),!o&&!s&&u&&r(["> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);"]),n)}));e.defaultProps={theme:t,disabled:!1,hasContent:!0};const l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-2d34dd4a-1"})([""]);export{l as StyledContent,e as StyledLink};
+import o,{css as r}from"styled-components";import t from"../../style/themes/apply-base-theme.js";import i from"../icon/icon.style.js";import a from"../button/button.style.js";const n={light:o=>{let r="var(--colorsActionMajor500)",t="var(--colorsActionMajor600)";return"negative"===o?(r="var(--colorsSemanticNegative500)",t="var(--colorsSemanticNegative600)"):"neutral"===o&&(r="var(--colorsActionMajorYin090)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYin030)"}},dark:o=>{let r="var(--colorsActionMajor350)",t="var(--colorsActionMajor450)";return"negative"===o?(r="var(--colorsSemanticNegative350)",t="var(--colorsSemanticNegative450)"):"neutral"===o&&(r="var(--colorsActionMinor100)"),{color:r,hoverColor:t,disabledColor:"var(--colorsActionMajorYang030)"}}},e=o.span.attrs(t).withConfig({displayName:"link.style__StyledLink",componentId:"sc-1191d213-0"})(["",""],(({isSkipLink:o,theme:t,iconAlign:e,hasContent:l,disabled:s,variant:c,isDarkBackground:d,isMenuItem:v,hasFocus:u})=>{const b=d?"dark":"light",{color:g,hoverColor:p,disabledColor:m}=n[b](c);return r([""," "," "," > a,> button{text-decoration:",";"," > ","{display:",";position:relative;vertical-align:middle;"," ","}&:focus{color:var(--colorsActionMajorYin090);outline:none;","{color:var(--colorsActionMajorYin090);}}","}"," > button,",":not(.search-button){background-color:transparent;border:none;padding:0;}"],o&&r(["a{position:absolute;padding-left:var(--spacing300);padding-right:var(--spacing300);line-height:var(--sizing600);left:-999em;z-index:",";border:3px solid var(--colorsUtilityYin100);box-shadow:var(--boxShadow300);border-radius:var(--spacing000) var(--spacing100) var(--spacing100) var(--spacing000);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);&:hover{cursor:pointer;color:var(--colorsUtilityYin090);","{color:var(--colorsActionMajor600);}}&:focus{background-color:var(--colorsSemanticFocus500);text-decoration:underline var(--colorsUtilityYin100);text-decoration-thickness:4px;text-underline-offset:3px;-webkit-text-decoration:underline var(--colorsUtilityYin100);-webkit-text-decoration-thickness:4px;-webkit-text-underline-offset:3px;}}a:focus{top:var(--spacing100);left:var(--spacing000);}"],t.zIndex.aboveAll,i),!o&&r(["> a,> button{font-size:var(--fontSizes100);"," ","}"],!s&&r(["color:",";","{color:",";}&:hover{color:",";> ","{color:",";}}&:focus{background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);}"],g,i,g,p,i,p),s&&r(["color:",";&:hover,&:focus{color:",";}"],m,m)),!s&&r(["> a:any-link:hover,> button:hover{cursor:pointer;}"]),l?"underline":"none",v&&"display: inline-block;",i,l?"inline-block":"inline","left"===e&&r(["margin-right:",";"],l?"var(--spacing050)":0),"right"===e&&r(["margin-right:0;margin-left:",";"],l?"var(--spacing100)":0),i,s&&r(["cursor:not-allowed;"]),!o&&!s&&u&&r(["> a,> button{outline:none;text-decoration:none;border-bottom-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}max-width:fit-content;box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);border-bottom-left-radius:var(--borderRadius025);border-bottom-right-radius:var(--borderRadius025);"]),a)})),l=o.span.withConfig({displayName:"link.style__StyledContent",componentId:"sc-1191d213-1"})([""]);export{l as StyledContent,e as StyledLink};

package/esm/components/link-preview/link-preview.style.d.ts

@@ -1,6 +1,8 @@
 declare const StyledLinkPreview: import("styled-components").StyledComponent<"a", any, {
+    theme: object;
+} & {
     as?: "a" | "div" | undefined;
-}, never>;
+}, "theme">;
 declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledPreviewWrapper: import("styled-components").StyledComponent<"div", any, {
     isLoading: boolean;

package/esm/components/link-preview/link-preview.style.js

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import{StyledPreview as o,StyledPreviewPlaceholder as t}from"../preview/preview.style.js";import l from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/base/index.js";const n=e.a.withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"sc-91c0f66b-0"})(["display:flex;margin:8px;text-decoration:none;outline:none;",""],(({as:e})=>i(["border:1px solid var(--colorsUtilityMajor050);border-radius:var(--borderRadius100);background-color:var(--colorsUtilityMajor025);color:var(--colorsUtilityYin090);",""],"div"!==e&&i([":focus{","}:hover{cursor:pointer;background-color:var(--colorsUtilityMajor100);}"],l()))));n.defaultProps={theme:r};const p=e.div.withConfig({displayName:"link-preview.style__StyledCloseIconWrapper",componentId:"sc-91c0f66b-1"})(["padding:16px;"]),s=e.div.withConfig({displayName:"link-preview.style__StyledPreviewWrapper",componentId:"sc-91c0f66b-2"})(["flex-grow:1;padding:16px;"," ",":first-of-type{margin-top:8px;}",":not(:first-of-type){margin-top:16px;}"],(({isLoading:e})=>!e&&i(["","{display:flex;flex-direction:column;height:100%;}"],o)),t,t),d=e.div.withConfig({displayName:"link-preview.style__StyledTitle",componentId:"sc-91c0f66b-3"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:14px;line-height:21px;"]),a=e.div.withConfig({displayName:"link-preview.style__StyledDescription",componentId:"sc-91c0f66b-4"})(["> div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;padding-top:4px;}flex-grow:1;"]),c=e.div.withConfig({displayName:"link-preview.style__StyledUrl",componentId:"sc-91c0f66b-5"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;color:var(--colorsUtilityMajor400);"]);export{p as StyledCloseIconWrapper,a as StyledDescription,n as StyledLinkPreview,s as StyledPreviewWrapper,d as StyledTitle,c as StyledUrl};
+import e,{css as i}from"styled-components";import{StyledPreview as o,StyledPreviewPlaceholder as t}from"../preview/preview.style.js";import l from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/apply-base-theme.js";const p=e.a.attrs(r).withConfig({displayName:"link-preview.style__StyledLinkPreview",componentId:"sc-d0260fc7-0"})(["display:flex;margin:8px;text-decoration:none;outline:none;",""],(({as:e})=>i(["border:1px solid var(--colorsUtilityMajor050);border-radius:var(--borderRadius100);background-color:var(--colorsUtilityMajor025);color:var(--colorsUtilityYin090);",""],"div"!==e&&i([":focus{","}:hover{cursor:pointer;background-color:var(--colorsUtilityMajor100);}"],l())))),n=e.div.withConfig({displayName:"link-preview.style__StyledCloseIconWrapper",componentId:"sc-d0260fc7-1"})(["padding:16px;"]),s=e.div.withConfig({displayName:"link-preview.style__StyledPreviewWrapper",componentId:"sc-d0260fc7-2"})(["flex-grow:1;padding:16px;"," ",":first-of-type{margin-top:8px;}",":not(:first-of-type){margin-top:16px;}"],(({isLoading:e})=>!e&&i(["","{display:flex;flex-direction:column;height:100%;}"],o)),t,t),d=e.div.withConfig({displayName:"link-preview.style__StyledTitle",componentId:"sc-d0260fc7-3"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:14px;line-height:21px;"]),a=e.div.withConfig({displayName:"link-preview.style__StyledDescription",componentId:"sc-d0260fc7-4"})(["> div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;padding-top:4px;}flex-grow:1;"]),c=e.div.withConfig({displayName:"link-preview.style__StyledUrl",componentId:"sc-d0260fc7-5"})(["white-space:nowrap;text-overflow:ellipsis;font-weight:400;font-size:14px;line-height:21px;color:var(--colorsUtilityMajor400);"]);export{n as StyledCloseIconWrapper,a as StyledDescription,p as StyledLinkPreview,s as StyledPreviewWrapper,d as StyledTitle,c as StyledUrl};

package/esm/components/loader/loader-square.style.d.ts

@@ -9,5 +9,7 @@ export interface StyledLoaderSquareProps {
     backgroundColor?: string;
 }
 export declare const StyledLoaderPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledLoaderSquare: import("styled-components").StyledComponent<"div", any, StyledLoaderSquareProps, never>;
+declare const StyledLoaderSquare: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledLoaderSquareProps, "theme">;
 export default StyledLoaderSquare;

package/esm/components/loader/loader-square.style.js

@@ -1 +1 @@
-import e,{keyframes as i,css as a}from"styled-components";import t from"../../style/themes/base/index.js";const o=i(["0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}"]),r=e.div.withConfig({displayName:"loader-square.style__StyledLoaderPlaceholder",componentId:"sc-3db119f0-0"})(["display:inline-block;min-width:var(--sizing800);"]),n=e.div.withConfig({displayName:"loader-square.style__StyledLoaderSquare",componentId:"sc-3db119f0-1"})(["",""],(({size:e,isInsideButton:i,isActive:t,backgroundColor:r})=>a(["animation:"," 1s infinite ease-in-out both;background-color:",";display:inline-block;"," border-radius:var(--borderRadiusCircle);"," &:nth-of-type(1){animation-delay:0s;}&:nth-of-type(2){animation-delay:0.2s;}&:nth-of-type(3){animation-delay:0.4s;margin-right:0px;}"],o,r,(e=>{let i,t;switch(e){case"medium":i="16px",t="8px";break;case"large":i="20px",t="8px";break;default:i="12px",t="6px"}return a(["width:",";height:",";margin-right:",";"],i,i,t)})(e),i&&a(["background-color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsSemanticNeutral500)"))));n.defaultProps={isInsideButton:!1,isActive:!0,theme:t};export{r as StyledLoaderPlaceholder,n as default};
+import e,{keyframes as a,css as i}from"styled-components";import t from"../../style/themes/apply-base-theme.js";const o=a(["0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}"]),r=e.div.withConfig({displayName:"loader-square.style__StyledLoaderPlaceholder",componentId:"sc-717eeb54-0"})(["display:inline-block;min-width:var(--sizing800);"]),n=e.div.attrs(t).withConfig({displayName:"loader-square.style__StyledLoaderSquare",componentId:"sc-717eeb54-1"})(["",""],(({size:e,isInsideButton:a,isActive:t,backgroundColor:r})=>i(["animation:"," 1s infinite ease-in-out both;background-color:",";display:inline-block;"," border-radius:var(--borderRadiusCircle);"," &:nth-of-type(1){animation-delay:0s;}&:nth-of-type(2){animation-delay:0.2s;}&:nth-of-type(3){animation-delay:0.4s;margin-right:0px;}"],o,r,(e=>{let a,t;switch(e){case"medium":a="16px",t="8px";break;case"large":a="20px",t="8px";break;default:a="12px",t="6px"}return i(["width:",";height:",";margin-right:",";"],a,a,t)})(e),a&&i(["background-color:",";"],t?"var(--colorsUtilityYang100)":"var(--colorsSemanticNeutral500)"))));export{r as StyledLoaderPlaceholder,n as default};

package/esm/components/loader/loader.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../hooks/useMediaQuery/useMediaQuery.js";import a from"../../hooks/__internal__/useLocale/useLocale.js";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"./loader.style.js";import s,{StyledLoaderPlaceholder as c}from"./loader-square.style.js";import{Typography as p}from"../typography/typography.component.js";import d from"../../__internal__/utils/logger/index.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(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){u(e,r,t[r])}))}return e}let b=!1;const y=u=>{var{variant:y="default","aria-label":m,size:O="medium",isInsideButton:j,isActive:g=!0,loaderLabel:v}=u,h=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}(u,["variant","aria-label","size","isInsideButton","isActive","loaderLabel"]);!b&&m&&(b=!0,d.deprecate("The aria-label prop in Loader is deprecated and will soon be removed, please use the `loaderLabel` prop instead to provide an accessible label."));const P=a(),w=n("screen and (prefers-reduced-motion: no-preference)");if(void 0===w)return e(c,{});const _={isInsideButton:j,isActive:g,size:O,variant:y};return e(l,(k=f({},i("loader",h),o(h)),L=null!=(L={children:w?r(t,{children:[["#13A038","#0092DB","#8F49FE"].map((r=>e(s,f({"data-role":"loader-square",backgroundColor:"gradient"===y?r:"var(--colorsActionMajor500)"},_),r))),e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:v||m||P.loader.loading()})]}):v||m||P.loader.loading()})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(k,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(k,e,Object.getOwnPropertyDescriptor(L,e))})),k));var k,L};export{y as Loader,y as default};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../hooks/useMediaQuery/useMediaQuery.js";import a from"../../hooks/__internal__/useLocale/useLocale.js";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"./loader.style.js";import s,{StyledLoaderPlaceholder as c}from"./loader-square.style.js";import{Typography as p}from"../typography/typography.component.js";import d from"../../__internal__/utils/logger/index.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(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){u(e,r,t[r])}))}return e}let b=!1;const y=u=>{var{variant:y="default","aria-label":m,size:O="medium",isInsideButton:j=!1,isActive:g=!0,loaderLabel:v}=u,h=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}(u,["variant","aria-label","size","isInsideButton","isActive","loaderLabel"]);!b&&m&&(b=!0,d.deprecate("The aria-label prop in Loader is deprecated and will soon be removed, please use the `loaderLabel` prop instead to provide an accessible label."));const P=a(),w=n("screen and (prefers-reduced-motion: no-preference)");if(void 0===w)return e(c,{});const _={isInsideButton:j,isActive:g,size:O,variant:y};return e(l,(k=f({},i("loader",h),o(h)),L=null!=(L={children:w?r(t,{children:[["#13A038","#0092DB","#8F49FE"].map((r=>e(s,f({"data-role":"loader-square",backgroundColor:"gradient"===y?r:"var(--colorsActionMajor500)"},_),r))),e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:v||m||P.loader.loading()})]}):v||m||P.loader.loading()})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(k,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(k,e,Object.getOwnPropertyDescriptor(L,e))})),k));var k,L};export{y as Loader,y as default};

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

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

package/esm/components/loader/loader.style.js

@@ -1 +1 @@
-import e from"styled-components";import{margin as t}from"styled-system";import"../../style/themes/sage/index.js";import s from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";const o=e.div.withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-f4e09972-0"})([""," text-align:center;white-space:nowrap;"],t);o.defaultProps={theme:s};export{o as default};
+import e from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const s=e.div.attrs(o).withConfig({displayName:"loader.style__StyledLoader",componentId:"sc-4961968f-0"})([""," text-align:center;white-space:nowrap;"],t);export{s as default};

package/esm/components/loader-bar/loader-bar.style.d.ts

@@ -3,7 +3,9 @@ export interface StyledLoaderBarProps {
     /** Size of the LoaderBar. */
     size?: "small" | "medium" | "large";
 }
-declare const StyledLoader: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+declare const StyledLoader: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledLoaderBarProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, "theme">;
 declare const StyledLoaderBar: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps, never>;
 declare const InnerBar: import("styled-components").StyledComponent<"div", any, StyledLoaderBarProps, never>;
 export { InnerBar, StyledLoader };

package/esm/components/loader-bar/loader-bar.style.js

@@ -1 +1 @@
-import e,{keyframes as o,css as r}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/base/index.js";function i(e){switch(e){case"small":return"4px";case"large":return"16px";default:return"8px"}}const n="128px",s=e.div.withConfig({displayName:"loader-bar.style__StyledLoader",componentId:"sc-985b5a3c-0"})([""," text-align:center;"],t),d=o(["0%{left:-",";}100%{left:100%;}"],n),l=e.div.withConfig({displayName:"loader-bar.style__StyledLoaderBar",componentId:"sc-985b5a3c-1"})(["",""],(({size:e})=>r(["border-radius:var(--borderRadius400);height:",";width:100%;background-color:var(--colorsActionMajor150);overflow:hidden;position:relative;"],i(e)))),c=e.div.withConfig({displayName:"loader-bar.style__InnerBar",componentId:"sc-985b5a3c-2"})(["",""],(({size:e})=>r(["position:absolute;background-color:var(--colorsActionMajor500);width:",";height:",";animation:2s "," linear 0s infinite normal none running;"],n,i(e),d)));s.defaultProps={theme:a};export{c as InnerBar,s as StyledLoader,l as default};
+import e,{keyframes as o,css as t}from"styled-components";import{margin as r}from"styled-system";import a from"../../style/themes/apply-base-theme.js";function i(e){switch(e){case"small":return"4px";case"large":return"16px";default:return"8px"}}const n="128px",s=e.div.attrs(a).withConfig({displayName:"loader-bar.style__StyledLoader",componentId:"sc-290b8a7-0"})([""," text-align:center;"],r),l=o(["0%{left:-",";}100%{left:100%;}"],n),d=e.div.withConfig({displayName:"loader-bar.style__StyledLoaderBar",componentId:"sc-290b8a7-1"})(["",""],(({size:e})=>t(["border-radius:var(--borderRadius400);height:",";width:100%;background-color:var(--colorsActionMajor150);overflow:hidden;position:relative;"],i(e)))),c=e.div.withConfig({displayName:"loader-bar.style__InnerBar",componentId:"sc-290b8a7-2"})(["",""],(({size:e})=>t(["position:absolute;background-color:var(--colorsActionMajor500);width:",";height:",";animation:2s "," linear 0s infinite normal none running;"],n,i(e),l)));export{c as InnerBar,s as StyledLoader,d as default};

package/esm/components/menu/__internal__/submenu/submenu.style.d.ts

@@ -14,6 +14,8 @@ interface StyledSubmenuProps extends SharedStyleProps, Pick<SubmenuProps, "varia
     applyFocusRadiusStyling: boolean;
     applyFocusRadiusStylingToLastItem: boolean;
 }
-declare const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any, StyledSubmenuWrapperProps, never>;
+declare const StyledSubmenuWrapper: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledSubmenuWrapperProps, "theme">;
 declare const StyledSubmenu: import("styled-components").StyledComponent<"ul", any, StyledSubmenuProps, never>;
 export { StyledSubmenu, StyledSubmenuWrapper };

package/esm/components/menu/__internal__/submenu/submenu.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import o from"../../scrollable-block/scrollable-block.style.js";import"../../../../style/themes/sage/index.js";import r from"../../../../style/themes/base/index.js";import"../../../../style/themes/none/index.js";import{StyledLink as i}from"../../../link/link.style.js";import{StyledMenuItem as a}from"../../menu.style.js";import s from"../../../box/box.style.js";import d from"../../menu-item/menu-item.style.js";import n from"../../../icon/icon.style.js";import u from"../../menu.config.js";import{StyledSegmentChildren as l}from"../../menu-segment-title/menu-segment-title.style.js";const m=t.div.withConfig({displayName:"submenu.style__StyledSubmenuWrapper",componentId:"sc-b76c43ec-0"})(["position:relative;width:fit-content;max-width:inherit;height:inherit;"," ",""],(({isSubmenuOpen:t,theme:o})=>t&&e(["z-index:",";"],o.zIndex.popover)),(({inFullscreenView:t,menuType:o,asPassiveItem:r})=>e([""," ",""],t&&e(["width:100%;",""],r&&o&&e(["","{outline:none;color:",";}"],d,u[o].title)),!t&&e(["display:flex;"])))),b=t.ul.withConfig({displayName:"submenu.style__StyledSubmenu",componentId:"sc-b76c43ec-1"})(["",""],(({menuType:t,submenuDirection:r,variant:m,inFullscreenView:b,maxHeight:h,applyFocusRadiusStyling:p,applyFocusRadiusStylingToLastItem:c,submenuMaxWidth:g,submenuMinWidth:f})=>e([""," "," "," display:block;list-style:none;margin:0;padding:0;",":after,",":hover:after{display:none;}","{display:flex;align-items:center;white-space:nowrap;"," "," "," a{text-decoration:none;}> ",'{width:16px;height:16px;margin-right:5px;}}[data-component="icon"]{line-height:20px;&:before{line-height:unset;}span{vertical-align:middle;svg{height:16px;width:16px;}}}&:before{background-color:transparent;border-radius:0 0 4px 4px;content:"";height:5px;position:absolute;top:-5px;width:100%;}',""],!b&&t&&e(["box-shadow:var(--boxShadow100);position:absolute;top:100%;background-color:",";min-width:",";"," a,button,"," a,"," button{width:100%;}"],"default"===m?u[t].submenuItemBackground:u[t].background,null!=f?f:"100%",g&&e(["width:max-content;max-width:",";li{max-width:",";}&&&{a,button,"," a,"," button{white-space:normal;height:auto;}}"],g,g,i,i),i,i),b&&e(["min-width:100%;","{width:100%;}"],a),!b&&e(["border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);overflow-y:auto;"," ",":last-child a,",":last-child button,",":last-child > span,",":last-child > div{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);}& "," > ",":last-of-type a,"," > ",":last-of-type button,"," > ",":last-of-type > span,"," > ",":last-of-type > div{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);:focus{border-bottom-right-radius:",";border-bottom-left-radius:",";}}&&&& ","{","{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:",";",":last-child ",",",":last-child a,",":last-child button{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:",";}}}"],h&&`max-height: ${h};`,a,a,a,a,l,a,l,a,l,a,l,a,c?"var(--borderRadius100)":"var(--borderRadius000)",c?"var(--borderRadius100)":"var(--borderRadius000)",o,s,p?"var(--borderRadius100)":"var(--borderRadius000)",a,i,a,a,c?"var(--borderRadius100)":"var(--borderRadius000)"),d,d,d,b&&e(["white-space:normal;height:auto;"]),g&&e(["height:auto;min-height:40px;"]),!b&&t&&e(["background-color:",";> a:focus,> button:focus{background-color:",";}> a,> button{padding:11px 16px 12px;}"],u[t].submenuItemBackground,u[t].submenuItemBackground),n,"left"===r&&e(["right:0;"]))));m.defaultProps={theme:r};export{b as StyledSubmenu,m as StyledSubmenuWrapper};
+import t,{css as e}from"styled-components";import o from"../../scrollable-block/scrollable-block.style.js";import r from"../../../../style/themes/apply-base-theme.js";import{StyledLink as i}from"../../../link/link.style.js";import{StyledMenuItem as a}from"../../menu.style.js";import d from"../../../box/box.style.js";import s from"../../menu-item/menu-item.style.js";import n from"../../../icon/icon.style.js";import u from"../../menu.config.js";import{StyledSegmentChildren as l}from"../../menu-segment-title/menu-segment-title.style.js";const m=t.div.attrs(r).withConfig({displayName:"submenu.style__StyledSubmenuWrapper",componentId:"sc-57ceb950-0"})(["position:relative;width:fit-content;max-width:inherit;height:inherit;"," ",""],(({isSubmenuOpen:t,theme:o})=>t&&e(["z-index:",";"],o.zIndex.popover)),(({inFullscreenView:t,menuType:o,asPassiveItem:r})=>e([""," ",""],t&&e(["width:100%;",""],r&&o&&e(["","{outline:none;color:",";}"],s,u[o].title)),!t&&e(["display:flex;"])))),b=t.ul.withConfig({displayName:"submenu.style__StyledSubmenu",componentId:"sc-57ceb950-1"})(["",""],(({menuType:t,submenuDirection:r,variant:m,inFullscreenView:b,maxHeight:p,applyFocusRadiusStyling:h,applyFocusRadiusStylingToLastItem:c,submenuMaxWidth:g,submenuMinWidth:f})=>e([""," "," "," display:block;list-style:none;margin:0;padding:0;",":after,",":hover:after{display:none;}","{display:flex;align-items:center;white-space:nowrap;"," "," "," a{text-decoration:none;}> ",'{width:16px;height:16px;margin-right:5px;}}[data-component="icon"]{line-height:20px;&:before{line-height:unset;}span{vertical-align:middle;svg{height:16px;width:16px;}}}&:before{background-color:transparent;border-radius:0 0 4px 4px;content:"";height:5px;position:absolute;top:-5px;width:100%;}',""],!b&&t&&e(["box-shadow:var(--boxShadow100);position:absolute;top:100%;background-color:",";min-width:",";"," a,button,"," a,"," button{width:100%;}"],"default"===m?u[t].submenuItemBackground:u[t].background,null!=f?f:"100%",g&&e(["width:max-content;max-width:",";li{max-width:",";}&&&{a,button,"," a,"," button{white-space:normal;height:auto;}}"],g,g,i,i),i,i),b&&e(["min-width:100%;","{width:100%;}"],a),!b&&e(["border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);overflow-y:auto;"," ",":last-child a,",":last-child button,",":last-child > span,",":last-child > div{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);}& "," > ",":last-of-type a,"," > ",":last-of-type button,"," > ",":last-of-type > span,"," > ",":last-of-type > div{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);:focus{border-bottom-right-radius:",";border-bottom-left-radius:",";}}&&&& ","{","{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:",";",":last-child ",",",":last-child a,",":last-child button{border-bottom-right-radius:var(--borderRadius000);border-bottom-left-radius:",";}}}"],p&&`max-height: ${p};`,a,a,a,a,l,a,l,a,l,a,l,a,c?"var(--borderRadius100)":"var(--borderRadius000)",c?"var(--borderRadius100)":"var(--borderRadius000)",o,d,h?"var(--borderRadius100)":"var(--borderRadius000)",a,i,a,a,c?"var(--borderRadius100)":"var(--borderRadius000)"),s,s,s,b&&e(["white-space:normal;height:auto;"]),g&&e(["height:auto;min-height:40px;"]),!b&&t&&e(["background-color:",";> a:focus,> button:focus{background-color:",";}> a,> button{padding:11px 16px 12px;}"],u[t].submenuItemBackground,u[t].submenuItemBackground),n,"left"===r&&e(["right:0;"]))));export{b as StyledSubmenu,m as StyledSubmenuWrapper};

package/esm/components/menu/menu-full-screen/menu-full-screen.style.d.ts

@@ -1,11 +1,15 @@
 import type { MenuType } from "../menu.types";
 declare const StyledMenuFullscreen: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     transitionDuration: number;
     startPosition: "left" | "right";
-}, never>;
+}, "theme">;
 declare const StyledMenuModal: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     menuType: MenuType;
-}, never>;
+}, "theme">;
 declare const StyledMenuFullscreenHeader: import("styled-components").StyledComponent<"div", any, {
     menuType: MenuType;
 }, never>;

package/esm/components/menu/menu-full-screen/menu-full-screen.style.js

@@ -1 +1 @@
-import e,{css as o}from"styled-components";import"../../../style/themes/sage/index.js";import t from"../../../style/themes/base/index.js";import"../../../style/themes/none/index.js";import i from"../../icon-button/icon-button.style.js";import r from"../../box/box.style.js";import s from"../../search/search.style.js";import n from"../../icon/icon.style.js";import l from"../../button/button.style.js";import a from"../menu.config.js";import d from"../../../style/utils/add-focus-styling.js";import{StyledLink as m}from"../../link/link.style.js";const c=e.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-89e198a7-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:e})=>o(["z-index:",";"],e.zIndex.fullScreenModal)),(({startPosition:e,transitionDuration:t})=>o(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],e,e,t,e,e,t))),u=e.div.withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-89e198a7-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],m,m,m,(({menuType:e})=>o(["background-color:",";&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],a[e].background,s,n,l,d(),r,a[e].scrollbarColor,a[e].scrollbarThumb,a[e].scrollbarTrack))),b=e.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-89e198a7-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i,(({menuType:e})=>o(["background-color:",";"],a[e].submenuItemBackground)));c.defaultProps={theme:t},u.defaultProps={theme:t};export{c as StyledMenuFullscreen,b as StyledMenuFullscreenHeader,u as StyledMenuModal};
+import o,{css as t}from"styled-components";import e from"../../../style/themes/apply-base-theme.js";import i from"../../icon-button/icon-button.style.js";import r from"../../box/box.style.js";import s from"../../search/search.style.js";import l from"../../icon/icon.style.js";import n from"../../button/button.style.js";import a from"../menu.config.js";import d from"../../../style/utils/add-focus-styling.js";import{StyledLink as m}from"../../link/link.style.js";const b=o.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-b7ff4ebf-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:o})=>t(["z-index:",";"],o.zIndex.fullScreenModal)),(({startPosition:o,transitionDuration:e})=>t(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],o,o,e,o,o,e))),c=o.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-b7ff4ebf-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],m,m,m,(({menuType:o})=>t(["background-color:",";&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],a[o].background,s,l,n,d(),r,a[o].scrollbarColor,a[o].scrollbarThumb,a[o].scrollbarTrack))),u=o.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-b7ff4ebf-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i,(({menuType:o})=>t(["background-color:",";"],a[o].submenuItemBackground)));export{b as StyledMenuFullscreen,u as StyledMenuFullscreenHeader,c as StyledMenuModal};

package/esm/components/menu/menu-item/menu-item.style.d.ts

@@ -18,6 +18,8 @@ interface StyledMenuItemWrapperProps extends Pick<MenuWithChildren, "href" | "sh
     inSubmenu?: boolean;
 }
 declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"a", any, {
+    theme: object;
+} & {
     as: import("react").ForwardRefExoticComponent<import("../../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-} & StyledMenuItemWrapperProps, "as">;
+} & StyledMenuItemWrapperProps, "theme" | "as">;
 export default StyledMenuItemWrapper;

package/esm/components/menu/menu-item/menu-item.style.js

@@ -1 +1 @@
-import o,{css as n}from"styled-components";import{padding as t}from"styled-system";import r from"../menu.config.js";import{Link as e}from"../../link/link.component.js";import a from"../../button/button.style.js";import i from"../../icon-button/icon-button.style.js";import c from"../../icon/icon.style.js";import{StyledContent as s,StyledLink as u}from"../../link/link.style.js";import"../../../style/themes/sage/index.js";import p from"../../../style/themes/base/index.js";import"../../../style/themes/none/index.js";import d from"../../../style/utils/add-focus-styling.js";const l=o=>{var n,t;const{paddingRight:r}=o,e=null===(t=String(r))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===r||"0"===e)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(r){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:r};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:r};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:r};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:r};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:r};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:r};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:r};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:r};default:return e?{padding:`${16+Number(e)}px`,iconSpacing:`${e}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},g=o.a.attrs({as:e}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-e679cef4-0"})([""," &&&{> a,> button{","}}"],(({menuType:o,selected:e,hasSubmenu:p,isOpen:g,menuItemVariant:b,showDropdownArrow:m,href:h,clickToOpen:v,maxWidth:x,inFullscreenView:f,overrideColor:k,asPassiveItem:w,asDiv:y,hasFocusableChild:S,hasInput:C,inSubmenu:M})=>n(["display:flex;align-items:center;font-size:14px;font-weight:500;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;}a:focus,button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],d(!0),s,!k&&n(["background-color:",";"],r[o].background),k&&n(["&&&&{background-color:",";}"],"alternate"===b?r[o].alternate:r[o].submenuItemBackground),!f&&n(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",";z-index:1;position:relative;}}&&&{a,button{","}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],M?"":"justify-content: center;",r[o].background,r[o].color,x&&n(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),a,!y&&!w&&n(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&n([""," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!f&&n(["> a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],a,s,a),i,r[o].color),!S&&!f&&n(["",""],p||x?n(["> a,> button{padding:11px 16px ",";}"],p&&x?"12px":"10px"):n(["> a,> button{padding:11px 16px;}"])),u,u,f&&n(["height:auto;white-space:normal;","{top:-2px;}"],c),u,u,u,!C&&`color: ${r[o].color};`,!f&&n(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c,c),e&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],r[o].selected,r[o].selected),"alternate"===b&&!f&&n(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],r[o].alternate,r[o].alternate,!C&&n(["&&& a:hover,&&& button:hover{background-color:",";}"],r[o].alternateHover)),g&&n(["a,button{background-color:",";color:",";}"],r[o].submenuItemBackground,r[o].color),p&&n(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],r[o].submenuBackground,r[o].submenuBackground,r[o].color,r[o].color,v&&g&&n(["background-color:",";"],r[o].submenuOpenedBackground),r[o].submenuOpenedBackground,!(h||v)&&n(["cursor:default;background-color:",";color:",";"],r[o].submenuItemBackground,r[o].color),r[o].color,e&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],r[o].submenuSelected,r[o].submenuSelected),m&&n(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],i,(o=>l(t(o)).padding),(o=>l(t(o)).iconSpacing))),f&&n([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],y&&n(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],r[o].title,r[o].title),!w&&n(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!C&&n(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),t);g.defaultProps={theme:p};export{g as default};
+import o,{css as n}from"styled-components";import{padding as t}from"styled-system";import r from"../menu.config.js";import{Link as a}from"../../link/link.component.js";import e from"../../button/button.style.js";import i from"../../icon-button/icon-button.style.js";import c from"../../icon/icon.style.js";import{StyledContent as s,StyledLink as u}from"../../link/link.style.js";import p from"../../../style/themes/apply-base-theme.js";import d from"../../../style/utils/add-focus-styling.js";const l=o=>{var n,t;const{paddingRight:r}=o,a=null===(t=String(r))||void 0===t||null===(n=t.match(/\d+/))||void 0===n?void 0:n[0];if("var(--spacing000)"===r||"0"===a)return{padding:"var(--spacing200)",iconSpacing:"2px"};switch(r){case"var(--spacing100)":return{padding:"var(--spacing300)",iconSpacing:r};case"var(--spacing200)":return{padding:"var(--spacing400)",iconSpacing:r};case"var(--spacing300)":return{padding:"var(--spacing500)",iconSpacing:r};case"var(--spacing400)":return{padding:"var(--spacing600)",iconSpacing:r};case"var(--spacing500)":return{padding:"var(--spacing700)",iconSpacing:r};case"var(--spacing600)":return{padding:"var(--spacing800)",iconSpacing:r};case"var(--spacing700)":return{padding:"var(--spacing900)",iconSpacing:r};case"var(--spacing800)":return{padding:"var(--spacing1000)",iconSpacing:r};default:return a?{padding:`${16+Number(a)}px`,iconSpacing:`${a}px`}:{padding:"var(--spacing400)",iconSpacing:"var(--spacing200)"}}},g=o.a.attrs(p).attrs({as:a}).withConfig({displayName:"menu-item.style__StyledMenuItemWrapper",componentId:"sc-e92d3ea2-0"})([""," &&&{> a,> button{","}}"],(({menuType:o,selected:a,hasSubmenu:p,isOpen:g,menuItemVariant:b,showDropdownArrow:m,href:h,clickToOpen:v,maxWidth:x,inFullscreenView:f,overrideColor:k,asPassiveItem:w,asDiv:y,hasFocusableChild:S,hasInput:C,inSubmenu:M})=>n(["display:flex;align-items:center;font-size:14px;font-weight:500;min-height:40px;position:relative;box-shadow:none;a,button{min-height:40px;height:100%;box-sizing:border-box;}a:focus,button:focus{",'}:has([data-element="input"]) ',"{width:100%;}"," "," "," "," "," button,"," button,a,"," a{margin:0px;text-align:left;",'}&&&{a,button,[data-component="icon"],'," a,"," button,",' [data-component="icon"]{font-weight:500;text-decoration:none;',"}","}"," "," "," "," ",""],d(!0),s,!k&&n(["background-color:",";"],r[o].background),k&&n(["&&&&{background-color:",";}"],"alternate"===b?r[o].alternate:r[o].submenuItemBackground),!f&&n(["max-width:inherit;width:inherit;height:inherit;> a,> button{display:flex;align-items:center;"," width:inherit;max-width:inherit;}&&{a:focus,button:focus{background-color:",";color:",";z-index:1;position:relative;}}&&&{a,button{","}a:hover,button:hover{","{border-radius:0;background-color:transparent;}"," ::before{border-top-color:var(--colorsComponentsMenuYang100);}}}"],M?"":"justify-content: center;",r[o].background,r[o].color,x&&n(["box-sizing:border-box;max-width:inherit;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;display:block;"]),e,!y&&!w&&n(['background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}'])),S&&n([""," ",'{> span{display:inline-flex;margin-right:0;}:focus{outline:none;[data-component="icon"]{color:',";}}}"],!f&&n(["> a:not(:has(button)){padding:11px 16px;}> a:has(",":not(.search-button)){height:100%;","{height:inherit;div{height:inherit;}}","{min-height:40px;padding:10px 0px;box-sizing:border-box;height:100%;}}"],e,s,e),i,r[o].color),!S&&!f&&n(["",""],p||x?n(["> a,> button{padding:11px 16px ",";}"],p&&x?"12px":"10px"):n(["> a,> button{padding:11px 16px;}"])),u,u,f&&n(["height:auto;white-space:normal;","{top:-2px;}"],c),u,u,u,!C&&`color: ${r[o].color};`,!f&&n(["a > ",",button > ","{display:inline-block;height:18px;top:-2px;}"],c,c),a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);}"],r[o].selected,r[o].selected),"alternate"===b&&!f&&n(["&&&{background-color:",";}&&& a:focus,&&& button:focus{background-color:",";}",""],r[o].alternate,r[o].alternate,!C&&n(["&&& a:hover,&&& button:hover{background-color:",";}"],r[o].alternateHover)),g&&n(["a,button{background-color:",";color:",";}"],r[o].submenuItemBackground,r[o].color),p&&n(["background-color:",";a:focus,button:focus{background-color:",";color:",';[data-component="icon"]{color:',";}","}a:hover,button:hover{background-color:",";color:var(--colorsComponentsMenuYang100);",' [data-component="icon"]{color:',";}}"," ",""],r[o].submenuBackground,r[o].submenuBackground,r[o].color,r[o].color,v&&g&&n(["background-color:",";"],r[o].submenuOpenedBackground),r[o].submenuOpenedBackground,!(h||v)&&n(["cursor:default;background-color:",";color:",";"],r[o].submenuItemBackground,r[o].color),r[o].color,a&&n(["background-color:",";a:focus,button:focus{background-color:",";}a:hover,button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);}"],r[o].submenuSelected,r[o].submenuSelected),m&&n(["&&&{> a,> button:not(","){padding-right:",";}}a::before,button::before{display:block;margin-top:-1px;pointer-events:none;position:absolute;right:",';top:50%;z-index:2;content:"";width:0;height:0;border-width:5px 4px 4px;border-style:solid;border-top-color:initial;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}'],i,(o=>l(t(o)).padding),(o=>l(t(o)).iconSpacing))),f&&n([""," > a,> button{min-height:40px;line-height:40px;padding:0px 16px;width:100vw;box-sizing:border-box;}a:focus,button:focus{z-index:1;position:relative;}","}"],y&&n(["&&&{> a,> button{color:",";outline:none;}> button:hover,> a:hover{background-color:transparent;cursor:default;outline:none;color:",";}}"],r[o].title,r[o].title),!w&&n(["&&{> a:focus,> a:hover,> button:focus,> button:hover{background-color:var(--colorsComponentsMenuAutumnStandard600);color:var(--colorsComponentsMenuYang100);","}}"],!C&&n(['[data-component="icon"]{color:var(--colorsComponentsMenuYang100);}']))))),t);export{g as default};

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

@@ -8,5 +8,7 @@ interface StyledMenuItemProps extends Pick<MenuProps, "menuType" | "maxWidth">,
     inFullscreenView?: boolean;
     inSubmenu?: boolean;
 }
-declare const StyledMenuItem: import("styled-components").StyledComponent<"li", any, StyledMenuItemProps, never>;
+declare const StyledMenuItem: import("styled-components").StyledComponent<"li", any, {
+    theme: object;
+} & StyledMenuItemProps, "theme">;
 export { StyledMenuWrapper, StyledMenuItem };

package/esm/components/menu/menu.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{layout as i,flexbox as o}from"styled-system";import n from"./menu.config.js";import{StyledVerticalWrapper as s,StyledDivider as r}from"../vertical-divider/vertical-divider.style.js";import{StyledLink as a}from"../link/link.style.js";import"../../style/themes/sage/index.js";import l from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";const m=e.ul.withConfig({displayName:"menu.style__StyledMenuWrapper",componentId:"sc-fe2a8073-0"})(["list-style:none;margin:0;padding:0;outline:none;display:flex;align-items:stretch;min-height:40px;"," "," ","{"," ","{position:relative;top:-1px;}}"],i,o,s,(({menuType:e})=>e&&t(["display:inline-block;vertical-align:bottom;background-color:",";",""],n[e].background,"dark"===e&&t(["color:",";"],n[e].color))),r),d=e.li.withConfig({displayName:"menu.style__StyledMenuItem",componentId:"sc-fe2a8073-1"})(["display:flex;list-style:none;"," "," "," "," a:focus,"," button:focus{border-radius:var(--borderRadius000);}"," ",""],(({maxWidth:e})=>e&&t(["align-items:stretch;"])),i,o,a,a,(({inSubmenu:e})=>t([""," ",""],e&&t(["display:list-item;"]),!e&&t(["height:inherit;"]))),(({inFullscreenView:e})=>e&&t(["padding-top:var(--spacing200);padding-bottom:var(--spacing200);> a,"," > a,> button,",' > button,> span,> div,[data-component="submenu-wrapper"] > ',"{width:100%;box-sizing:border-box;height:auto;white-space:normal;}"],a,a,a)));d.defaultProps={theme:l};export{d as StyledMenuItem,m as StyledMenuWrapper};
+import t,{css as e}from"styled-components";import{layout as i,flexbox as o}from"styled-system";import n from"./menu.config.js";import{StyledVerticalWrapper as s,StyledDivider as a}from"../vertical-divider/vertical-divider.style.js";import{StyledLink as r}from"../link/link.style.js";import l from"../../style/themes/apply-base-theme.js";const m=t.ul.withConfig({displayName:"menu.style__StyledMenuWrapper",componentId:"sc-f30761ad-0"})(["list-style:none;margin:0;padding:0;outline:none;display:flex;align-items:stretch;min-height:40px;"," "," ","{"," ","{position:relative;top:-1px;}}"],i,o,s,(({menuType:t})=>t&&e(["display:inline-block;vertical-align:bottom;background-color:",";",""],n[t].background,"dark"===t&&e(["color:",";"],n[t].color))),a),d=t.li.attrs(l).withConfig({displayName:"menu.style__StyledMenuItem",componentId:"sc-f30761ad-1"})(["display:flex;list-style:none;"," "," "," "," a:focus,"," button:focus{border-radius:var(--borderRadius000);}"," ",""],(({maxWidth:t})=>t&&e(["align-items:stretch;"])),i,o,r,r,(({inSubmenu:t})=>e([""," ",""],t&&e(["display:list-item;"]),!t&&e(["height:inherit;"]))),(({inFullscreenView:t})=>t&&e(["padding-top:var(--spacing200);padding-bottom:var(--spacing200);> a,"," > a,> button,",' > button,> span,> div,[data-component="submenu-wrapper"] > ',"{width:100%;box-sizing:border-box;height:auto;white-space:normal;}"],r,r,r)));export{d as StyledMenuItem,m as StyledMenuWrapper};

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

@@ -5,7 +5,9 @@ type MessageStyleProps = {
     transparent?: boolean;
     width?: string;
 };
-declare const MessageStyle: import("styled-components").StyledComponent<"div", any, MessageStyleProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+declare const MessageStyle: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & MessageStyleProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, "theme">;
 declare const MessageContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const TypeIconStyle: import("styled-components").StyledComponent<"div", any, TypeIconProps, never>;
 export default MessageStyle;

package/esm/components/message/message.style.js

@@ -1 +1 @@
-import e,{css as o}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/base/index.js";const n={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--colorsUtilityYin100)"},r=e.div.withConfig({displayName:"message.style__MessageStyle",componentId:"sc-e5133bb9-0"})(["position:relative;display:flex;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}"," "," ",""],(({variant:e})=>e&&n[e]),(({transparent:e})=>e&&o(["border:none;background:transparent;"])),(({width:e})=>e&&`width: ${e};`),t),i=e.div.withConfig({displayName:"message.style__MessageContent",componentId:"sc-e5133bb9-1"})(["width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing200);gap:var(--spacing300);"]),s=e.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"sc-e5133bb9-2"})(["display:flex;justify-content:center;align-items:center;background-color:",";min-width:30px;span{&:before{color:var(--colorsUtilityYang100);}}",""],(({variant:e})=>n[e]),(({transparent:e,variant:t})=>e&&o(["background-color:transparent;span{&:before{color:",";}}"],n[t])));r.defaultProps={theme:a};export{i as MessageContent,s as TypeIconStyle,r as default};
+import e,{css as t}from"styled-components";import{margin as a}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const r={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--colorsUtilityYin100)"},n=e.div.attrs(o).withConfig({displayName:"message.style__MessageStyle",componentId:"sc-2c58500-0"})(["position:relative;display:flex;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}"," "," ",""],(({variant:e})=>e&&r[e]),(({transparent:e})=>e&&t(["border:none;background:transparent;"])),(({width:e})=>e&&`width: ${e};`),a),i=e.div.withConfig({displayName:"message.style__MessageContent",componentId:"sc-2c58500-1"})(["width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing200);gap:var(--spacing300);"]),s=e.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"sc-2c58500-2"})(["display:flex;justify-content:center;align-items:center;background-color:",";min-width:30px;span{&:before{color:var(--colorsUtilityYang100);}}",""],(({variant:e})=>r[e]),(({transparent:e,variant:a})=>e&&t(["background-color:transparent;span{&:before{color:",";}}"],r[a])));export{i as MessageContent,s as TypeIconStyle,n as default};