carbon-react 154.7.0 → 154.7.1

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

@@ -3,7 +3,9 @@ type TransitionProps = {
     transitionTime: number;
 };
 declare const StyledModalBackground: import("styled-components").StyledComponent<"div", any, TransitionProps, never>;
-declare const StyledModal: import("styled-components").StyledComponent<"div", any, TransitionProps & {
+declare const StyledModal: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & TransitionProps & {
     topModalOverride?: boolean | undefined;
-}, never>;
+}, "theme">;
 export { StyledModal, StyledModalBackground };

package/esm/components/modal/modal.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import i from"../../style/themes/base/index.js";const a="0.6",o=t.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"sc-50787d14-0"})(["background-color:rgba(0,20,29,1);bottom:0;left:0;opacity:",";position:fixed;right:0;top:0;",";"],a,(({transitionName:t,transitionTime:i})=>e(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:",";transition:opacity ","ms ease-out;}&.","-exit{opacity:",";}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],t,t,t,t,t,t,a,i,t,a,t,t,i))),n=t.div.withConfig({displayName:"modal.style__StyledModal",componentId:"sc-50787d14-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:t,transitionTime:i})=>e([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit{opacity:1;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],t,t,t,t,t,t,i,t,t,t,i)));n.defaultProps={theme:i};export{n as StyledModal,o as StyledModalBackground};
+import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";const i="0.6",o=t.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"sc-d61ee063-0"})(["background-color:rgba(0,20,29,1);bottom:0;left:0;opacity:",";position:fixed;right:0;top:0;",";"],i,(({transitionName:t,transitionTime:a})=>e(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:",";transition:opacity ","ms ease-out;}&.","-exit{opacity:",";}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],t,t,t,t,t,t,i,a,t,i,t,t,a))),n=t.div.attrs(a).withConfig({displayName:"modal.style__StyledModal",componentId:"sc-d61ee063-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:t,transitionTime:a})=>e([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit{opacity:1;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],t,t,t,t,t,t,a,t,t,t,a)));export{n as StyledModal,o as StyledModalBackground};

package/esm/components/multi-action-button/multi-action-button.style.d.ts

@@ -1,10 +1,14 @@
 import { MultiActionButtonProps } from "./multi-action-button.component";
-declare const StyledMultiActionButton: import("styled-components").StyledComponent<"div", any, Pick<MultiActionButtonProps, "width"> & {
+declare const StyledMultiActionButton: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<MultiActionButtonProps, "width"> & {
     displayed: boolean;
-}, never>;
+}, "theme">;
 type StyledButtonChildrenContainerProps = {
     align: "left" | "right";
     minWidth: number;
 };
-declare const StyledButtonChildrenContainer: import("styled-components").StyledComponent<"ul", any, StyledButtonChildrenContainerProps, never>;
+declare const StyledButtonChildrenContainer: import("styled-components").StyledComponent<"ul", any, {
+    theme: object;
+} & StyledButtonChildrenContainerProps, "theme">;
 export { StyledButtonChildrenContainer, StyledMultiActionButton };

package/esm/components/multi-action-button/multi-action-button.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{margin as r}from"styled-system";import i from"../button/button.style.js";import n from"../../style/themes/base/index.js";import e from"../icon/icon.style.js";import a from"../../style/utils/element-sizing.js";import{borderRadiusStyling as l}from"../split-button/split-button-children.style.js";const s=o.div.withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-6cb03cd4-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],r,(({width:o})=>o&&t([""," ","{width:100%;justify-content:space-between;}"],a({width:o}),i)),i,e,e,(({displayed:o})=>o&&t(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],e))),c=o.ul.withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-6cb03cd4-1"})(["",""],(({theme:o,align:r,minWidth:n})=>t(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";z-index:",";& + &{margin-top:3px;}}"],n,o.zIndex.popover,l,i,r,r,o.zIndex.overlay)));c.defaultProps={theme:n},s.defaultProps={theme:n};export{c as StyledButtonChildrenContainer,s as StyledMultiActionButton};
+import o,{css as t}from"styled-components";import{margin as r}from"styled-system";import i from"../button/button.style.js";import n from"../../style/themes/apply-base-theme.js";import e from"../icon/icon.style.js";import a from"../../style/utils/element-sizing.js";import{borderRadiusStyling as l}from"../split-button/split-button-children.style.js";const s=o.div.attrs(n).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-5ebc7d28-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],r,(({width:o})=>o&&t([""," ","{width:100%;justify-content:space-between;}"],a({width:o}),i)),i,e,e,(({displayed:o})=>o&&t(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],e))),c=o.ul.attrs(n).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-5ebc7d28-1"})(["",""],(({theme:o,align:r,minWidth:n})=>t(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";z-index:",";& + &{margin-top:3px;}}"],n,o.zIndex.popover,l,i,r,r,o.zIndex.overlay)));export{c as StyledButtonChildrenContainer,s as StyledMultiActionButton};

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

@@ -12,7 +12,9 @@ export type StyledNavigationBarProps = PaddingProps & FlexboxProps & {
     /** set to true only when rendering the GlobalHeader component */
     isGlobal?: boolean;
 };
-declare const StyledNavigationBar: import("styled-components").StyledComponent<"nav", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+declare const StyledNavigationBar: import("styled-components").StyledComponent<"nav", any, {
+    theme: object;
+} & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     /** Color scheme of navigation component */
     navigationType?: NavigationType | undefined;
     /** Defines whether the navigation bar should be positioned fixed or sticky */
@@ -23,5 +25,5 @@ declare const StyledNavigationBar: import("styled-components").StyledComponent<"
     orientation?: Orientation | undefined;
     /** set to true only when rendering the GlobalHeader component */
     isGlobal?: boolean | undefined;
-}, never>;
+}, "theme">;
 export default StyledNavigationBar;

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

@@ -1 +1 @@
-import o,{css as n}from"styled-components";import{padding as e,flexbox as r}from"styled-system";import"../../style/themes/sage/index.js";import a from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";const t=o.nav.withConfig({displayName:"navigation-bar.style__StyledNavigationBar",componentId:"sc-8aec72fa-0"})(["display:flex;align-items:center;padding:0 40px;& > *{box-sizing:border-box;min-height:40px;vertical-align:middle;}@media only screen and (max-width:1259px){padding:0 32px;}@media only screen and (max-width:959px){padding:0 24px;}@media only screen and (max-width:599px){padding:0 16px;}&&{","}"," .carbon-logo{margin-right:10px;}"," ",""],e,r,(({position:o,orientation:e,offset:r})=>o&&e&&n(["position:",";",":",";",""],o,e,r,"fixed"===o&&n(["box-sizing:border-box;width:100%;"]))),(({navigationType:o,theme:e,isGlobal:r})=>n(["min-height:40px;z-index:",";"," "," "," ",""],r?e.zIndex.globalNav:e.zIndex.nav,"light"===o&&n(["background-color:var(--colorsComponentsMenuSpringStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSpringChildAlt500);"]),"dark"===o&&n(["background-color:var(--colorsComponentsMenuAutumnStandard500);color:var(--colorsComponentsMenuYang100);"]),"black"===o&&n(["background-color:var(--colorsComponentsMenuWinterStandard500);color:var(--colorsComponentsMenuYang100);"]),"white"===o&&n(["background-color:var(--colorsComponentsMenuSummerStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSummerChildAlt500);"]))));t.defaultProps={theme:a};export{t as default};
+import o,{css as n}from"styled-components";import{padding as r,flexbox as e}from"styled-system";import a from"../../style/themes/apply-base-theme.js";const t=o.nav.attrs(a).withConfig({displayName:"navigation-bar.style__StyledNavigationBar",componentId:"sc-2c6c4124-0"})(["display:flex;align-items:center;padding:0 40px;& > *{box-sizing:border-box;min-height:40px;vertical-align:middle;}@media only screen and (max-width:1259px){padding:0 32px;}@media only screen and (max-width:959px){padding:0 24px;}@media only screen and (max-width:599px){padding:0 16px;}&&{","}"," .carbon-logo{margin-right:10px;}"," ",""],r,e,(({position:o,orientation:r,offset:e})=>o&&r&&n(["position:",";",":",";",""],o,r,e,"fixed"===o&&n(["box-sizing:border-box;width:100%;"]))),(({navigationType:o,theme:r,isGlobal:e})=>n(["min-height:40px;z-index:",";"," "," "," ",""],e?r.zIndex.globalNav:r.zIndex.nav,"light"===o&&n(["background-color:var(--colorsComponentsMenuSpringStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSpringChildAlt500);"]),"dark"===o&&n(["background-color:var(--colorsComponentsMenuAutumnStandard500);color:var(--colorsComponentsMenuYang100);"]),"black"===o&&n(["background-color:var(--colorsComponentsMenuWinterStandard500);color:var(--colorsComponentsMenuYang100);"]),"white"===o&&n(["background-color:var(--colorsComponentsMenuSummerStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSummerChildAlt500);"]))));export{t as default};

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

@@ -9,6 +9,8 @@ declare const StyledFooterContent: import("styled-components").StyledComponent<"
 }, never>;
 declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledNote: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     width: number;
-}, never>;
+}, "theme">;
 export { StyledNote, StyledNoteContent, StyledNoteMain, StyledInlineControl, StyledTitleWrapper, StyledFooter, StyledFooterContent, };

package/esm/components/note/note.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{margin as i}from"styled-system";import e from"../../style/themes/base/index.js";import{StyledLinkPreview as n}from"../link-preview/link-preview.style.js";import{VARIANT_TYPES as r}from"../typography/typography.component.js";const a=o.div.withConfig({displayName:"note.style__StyledNoteContent",componentId:"sc-25d178e4-0"})(["position:relative;width:100%;",' &:last-of-type:not(:first-of-type){border-top:solid 1px var(--colorsUtilityMajor050);}a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);&:hover{cursor:pointer;color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({hasPreview:o})=>o&&t(["margin-top:var(--spacing200);"]))),s=o.div.withConfig({displayName:"note.style__StyledNoteMain",componentId:"sc-25d178e4-1"})(["display:flex;justify-content:space-between;padding-bottom:var(--spacing300);"]),l=o.div.withConfig({displayName:"note.style__StyledInlineControl",componentId:"sc-25d178e4-2"})(["display:inline-block;min-width:fit-content;"]),p=o.div.withConfig({displayName:"note.style__StyledTitleWrapper",componentId:"sc-25d178e4-3"})(["",""],r.map((o=>`\n      ${o}{\n        font-weight: 700;\n        font-size: 16px;\n        line-height: 21px;\n        padding-bottom: 16px;\n      }\n    `))),d=o.div.withConfig({displayName:"note.style__StyledFooterContent",componentId:"sc-25d178e4-4"})(["line-height:21px;align-items:baseline;font-weight:500;",""],(({hasName:o})=>t(["margin-top:var(--spacing200);"," ",""],o&&t(["&:first-of-type{font-size:14px;}&:nth-of-type(2){font-size:12px;color:var(--colorsUtilityYin065);margin-left:var(--spacing200);}&:last-of-type:not(:nth-of-type(2)){font-size:12px;color:var(--colorsUtilityYin065);cursor:pointer;margin-left:var(--spacing300);}"]),!o&&t(["&:first-of-type{font-size:12px;color:var(--colorsUtilityYin065);}&:last-of-type:not(:first-of-type){font-size:12px;color:var(--colorsUtilityYin065);cursor:pointer;margin-left:var(--spacing300);}"])))),c=o.div.withConfig({displayName:"note.style__StyledFooter",componentId:"sc-25d178e4-5"})(["display:flex;margin-bottom:calc(-1 * var(--spacing100));flex-wrap:wrap;"]),y=o.div.withConfig({displayName:"note.style__StyledNote",componentId:"sc-25d178e4-6"})([""," ","{margin:0px;:not(:first-of-type){margin-top:8px;}}.textBold{font-weight:bold;}.textItalic{font-style:italic;}",""],(({width:o})=>t(["background-color:var(--colorsUtilityYang100);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);display:flex;flex-direction:column;padding:24px;position:relative;width:","%;box-sizing:border-box;","{box-sizing:border-box;width:auto;}"],o,a)),n,i);y.defaultProps={theme:e};export{c as StyledFooter,d as StyledFooterContent,l as StyledInlineControl,y as StyledNote,a as StyledNoteContent,s as StyledNoteMain,p as StyledTitleWrapper};
+import o,{css as t}from"styled-components";import{margin as i}from"styled-system";import e from"../../style/themes/apply-base-theme.js";import{StyledLinkPreview as n}from"../link-preview/link-preview.style.js";import{VARIANT_TYPES as r}from"../typography/typography.component.js";const a=o.div.withConfig({displayName:"note.style__StyledNoteContent",componentId:"sc-e4a86780-0"})(["position:relative;width:100%;",' &:last-of-type:not(:first-of-type){border-top:solid 1px var(--colorsUtilityMajor050);}a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);&:hover{cursor:pointer;color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({hasPreview:o})=>o&&t(["margin-top:var(--spacing200);"]))),s=o.div.withConfig({displayName:"note.style__StyledNoteMain",componentId:"sc-e4a86780-1"})(["display:flex;justify-content:space-between;padding-bottom:var(--spacing300);"]),l=o.div.withConfig({displayName:"note.style__StyledInlineControl",componentId:"sc-e4a86780-2"})(["display:inline-block;min-width:fit-content;"]),p=o.div.withConfig({displayName:"note.style__StyledTitleWrapper",componentId:"sc-e4a86780-3"})(["",""],r.map((o=>`\n      ${o}{\n        font-weight: 700;\n        font-size: 16px;\n        line-height: 21px;\n        padding-bottom: 16px;\n      }\n    `))),c=o.div.withConfig({displayName:"note.style__StyledFooterContent",componentId:"sc-e4a86780-4"})(["line-height:21px;align-items:baseline;font-weight:500;",""],(({hasName:o})=>t(["margin-top:var(--spacing200);"," ",""],o&&t(["&:first-of-type{font-size:14px;}&:nth-of-type(2){font-size:12px;color:var(--colorsUtilityYin065);margin-left:var(--spacing200);}&:last-of-type:not(:nth-of-type(2)){font-size:12px;color:var(--colorsUtilityYin065);cursor:pointer;margin-left:var(--spacing300);}"]),!o&&t(["&:first-of-type{font-size:12px;color:var(--colorsUtilityYin065);}&:last-of-type:not(:first-of-type){font-size:12px;color:var(--colorsUtilityYin065);cursor:pointer;margin-left:var(--spacing300);}"])))),d=o.div.withConfig({displayName:"note.style__StyledFooter",componentId:"sc-e4a86780-5"})(["display:flex;margin-bottom:calc(-1 * var(--spacing100));flex-wrap:wrap;"]),y=o.div.attrs(e).withConfig({displayName:"note.style__StyledNote",componentId:"sc-e4a86780-6"})([""," ","{margin:0px;:not(:first-of-type){margin-top:8px;}}.textBold{font-weight:bold;}.textItalic{font-style:italic;}",""],(({width:o})=>t(["background-color:var(--colorsUtilityYang100);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);display:flex;flex-direction:column;padding:24px;position:relative;width:","%;box-sizing:border-box;","{box-sizing:border-box;width:auto;}"],o,a)),n,i);export{d as StyledFooter,c as StyledFooterContent,l as StyledInlineControl,y as StyledNote,a as StyledNoteContent,s as StyledNoteMain,p as StyledTitleWrapper};

package/esm/components/pages/page/page.style.d.ts

@@ -1,3 +1,7 @@
-declare const StyledPage: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledPageContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledPage: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
+declare const StyledPageContent: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 export { StyledPage, StyledPageContent };

package/esm/components/pages/page/page.style.js

@@ -1 +1 @@
-import e from"styled-components";import{padding as t}from"styled-system";import o from"../../../style/themes/base/index.js";const s=e.div.withConfig({displayName:"page.style__StyledPage",componentId:"sc-7bcaa60e-0"})(["width:100%;position:absolute;"]),i=e.div.withConfig({displayName:"page.style__StyledPageContent",componentId:"sc-7bcaa60e-1"})([""," box-sizing:border-box;width:100%;height:100%;"],t);s.defaultProps={theme:o},i.defaultProps={theme:o};export{s as StyledPage,i as StyledPageContent};
+import t from"styled-components";import{padding as e}from"styled-system";import o from"../../../style/themes/apply-base-theme.js";const s=t.div.attrs(o).withConfig({displayName:"page.style__StyledPage",componentId:"sc-535d517d-0"})(["width:100%;position:absolute;"]),i=t.div.attrs(o).withConfig({displayName:"page.style__StyledPageContent",componentId:"sc-535d517d-1"})([""," box-sizing:border-box;width:100%;height:100%;"],e);export{s as StyledPage,i as StyledPageContent};

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

@@ -1,7 +1,7 @@
 import React from "react";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 import Page from "./page";
-import { ThemeObject } from "../../style/themes/base";
+import type { ThemeObject } from "../../style/themes/theme.types";
 export interface PagesProps extends TagProps {
     /** The selected tab on page load */
     initialpageIndex?: number | string;

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

@@ -1,3 +1,5 @@
-declare const PagesContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const PagesContent: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 declare const PagesWrapperStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { PagesWrapperStyle, PagesContent };

package/esm/components/pages/pages.style.js

@@ -1 +1 @@
-import e from"styled-components";import{slideAnimation as o,fadeAnimation as t}from"./pages.config.js";import n from"../../style/themes/base/index.js";import{StyledHeading as s,StyledDivider as i}from"../heading/heading.style.js";const p=e.div.withConfig({displayName:"pages.style__PagesContent",componentId:"sc-fc988b27-0"})(["border:none;","{padding-left:45px;margin-bottom:34px;}","{display:none;}"],s,i),a=e.div.withConfig({displayName:"pages.style__PagesWrapperStyle",componentId:"sc-fc988b27-1"})([".carbon-carousel__content{position:relative;}"," ",""],o,t);p.defaultProps={theme:n};export{p as PagesContent,a as PagesWrapperStyle};
+import e from"styled-components";import{slideAnimation as o,fadeAnimation as t}from"./pages.config.js";import s from"../../style/themes/apply-base-theme.js";import{StyledHeading as n,StyledDivider as a}from"../heading/heading.style.js";const p=e.div.attrs(s).withConfig({displayName:"pages.style__PagesContent",componentId:"sc-3e7b0c1a-0"})(["border:none;","{padding-left:45px;margin-bottom:34px;}","{display:none;}"],n,a),i=e.div.withConfig({displayName:"pages.style__PagesWrapperStyle",componentId:"sc-3e7b0c1a-1"})([".carbon-carousel__content{position:relative;}"," ",""],o,t);export{p as PagesContent,i as PagesWrapperStyle};

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

@@ -1,5 +1,5 @@
 import { MarginProps } from "styled-system";
-import { ThemeObject } from "../../style/themes/base/base-theme.config";
+import type { ThemeObject } from "../../style/themes/theme.types";
 export interface StyledPillProps extends MarginProps {
     /** Override color variant, provide any color from palette or any valid css color value. */
     borderColor?: string;
@@ -19,5 +19,7 @@ interface AllStyledPillProps extends StyledPillProps {
     colorVariant: "neutral" | "negative" | "positive" | "warning" | "information" | "neutralWhite";
     pillRole: "tag" | "status";
 }
-declare const StyledPill: import("styled-components").StyledComponent<"span", any, AllStyledPillProps, never>;
+declare const StyledPill: import("styled-components").StyledComponent<"span", any, {
+    theme: object; /** Override color variant, provide any color from palette or any valid css color value. */
+} & AllStyledPillProps, "theme">;
 export default StyledPill;

package/esm/components/pill/pill.style.js

@@ -1 +1 @@
-import i,{css as o}from"styled-components";import{shade as t,meetsContrastGuidelines as e}from"polished";import{margin as r}from"styled-system";import n from"./pill.style.config.js";import"../../style/themes/sage/index.js";import s from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import l from"../icon/icon.style.js";import p from"../icon-button/icon-button.style.js";import{toColor as a}from"../../style/utils/color.js";import d from"../../style/utils/get-color-value.js";const h=i.span.withConfig({displayName:"pill.style__StyledPill",componentId:"sc-9b63ff47-0"})([""," ",""],r,(({wrapText:i,borderColor:r,colorVariant:s,isDarkBackground:h,isDeletable:c,inFill:g,maxWidth:x,pillRole:m,size:u,theme:b})=>{const f="status"===m;let y,v,w;try{if(r)y=a(b,r),v=t(.2,d(y)),w=e(d(y),b.compatibility.colorsUtilityYin090).AAA?"var(--colorsUtilityYin090)":"var(--colorsUtilityYang100)";else{const{status:i,tag:o}=n(h),{varietyColor:t,buttonFocus:e,content:r}=f?i[s]:o.primary;y=t,v=e,w=r}}catch(i){console.error(`Error: [Pill] - Could not parse the string '${r}', please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.`)}return o(["font-size:12px;letter-spacing:0.7px;font-weight:500;position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;border:2px solid ",";border-radius:var(--borderRadius025);height:auto;"," "," color:",";"," "," "," "," "," "," "," ",""],y,!i&&o(["white-space:nowrap;"]),i&&o(["white-space:break-spaces;hyphens:auto;"]),w,g&&o(["background-color:",";"],y),!g&&o(["color:",";"],h?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),"S"===u&&o(["min-height:16px;line-height:16px;font-size:12px;padding:0 8px;"]),"M"===u&&o(["min-height:20px;line-height:20px;font-size:14px;padding:0 8px;"]),"L"===u&&o(["min-height:24px;line-height:24px;font-size:14px;padding:0 8px;"]),"XL"===u&&o(["min-height:28px;line-height:28px;font-size:16px;padding:0 12px;"]),c&&o(["","{-webkit-appearance:none;border-radius:var(--borderRadius000);border:none;bottom:0;font-size:100%;position:absolute;right:0;top:0;width:20px;margin:0;line-height:16px;&:focus{background-color:",";border-radius:var(--borderRadius000) var(--borderRadius025) var(--borderRadius025) var(--borderRadius000);::-moz-focus-inner{border:0;}","{color:",";}}&:hover{background-color:",";color:",";cursor:pointer;","{color:",";}}","{height:unset;width:unset;color:",";","}}"," "," "," ",""],p,v,l,w,v,w,l,w,l,w,!g&&o(["color:",";"],h?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),"S"===u&&o(["padding:0 22px 0 8px;","{padding:0;line-height:16px;","{top:-2px;&:before{font-size:16px;}}}"],p,l),"M"===u&&o(["padding:0 28px 0 8px;","{width:24px;padding:0;line-height:15px;}"],p),"L"===u&&o(["padding:0 32px 0 8px;","{width:28px;padding:0;line-height:16px;}"],p),"XL"===u&&o(["padding:0 36px 0 12px;","{width:32px;padding:0;line-height:18px;}"],p)),x&&`max-width: ${x}`)}));h.defaultProps={inFill:!1,isDeletable:!1,theme:s};export{h as default};
+import o,{css as e}from"styled-components";import{margin as i}from"styled-system";import t from"./pill.style.config.js";import r from"../../style/themes/apply-base-theme.js";import s from"../icon/icon.style.js";import n from"../icon-button/icon-button.style.js";import{toColor as a}from"../../style/utils/color.js";import p from"../../style/utils/get-color-value.js";import l from"../../style/utils/get-hex-value.js";import d from"../../style/utils/get-accessible-foreground-color.js";const c=o.span.attrs(r).withConfig({displayName:"pill.style__StyledPill",componentId:"sc-716bac24-0"})([""," ",""],i,(({wrapText:o,borderColor:i,colorVariant:r,isDarkBackground:c,isDeletable:h,inFill:g,maxWidth:u,pillRole:x,size:b,theme:m})=>{const f="status"===x;let y,v,w;if(i){y=a(m,i);const o=p(y);w=d(l(o),!1,!0)}else{const{status:o,tag:e}=t(c),{varietyColor:i,buttonFocus:s,content:n}=f?o[r]:e.primary;y=i,v=s,w=n}return e(["font-size:12px;letter-spacing:0.7px;font-weight:500;position:relative;display:inline-flex;text-align:center;align-items:center;justify-content:center;border:2px solid ",";border-radius:var(--borderRadius025);height:auto;"," "," color:",";"," "," "," "," "," "," "," ",""],y,!o&&e(["white-space:nowrap;"]),o&&e(["white-space:break-spaces;hyphens:auto;"]),w,g&&e(["background-color:",";"],y),!g&&e(["color:",";"],c?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),"S"===b&&e(["min-height:16px;line-height:16px;font-size:12px;padding:0 8px;"]),"M"===b&&e(["min-height:20px;line-height:20px;font-size:14px;padding:0 8px;"]),"L"===b&&e(["min-height:24px;line-height:24px;font-size:14px;padding:0 8px;"]),"XL"===b&&e(["min-height:28px;line-height:28px;font-size:16px;padding:0 12px;"]),h&&e(["","{-webkit-appearance:none;border-radius:var(--borderRadius000);border:none;bottom:0;font-size:100%;position:absolute;right:0;top:0;width:20px;margin:0;line-height:16px;&:focus{border-radius:var(--borderRadius000) var(--borderRadius025) var(--borderRadius025) var(--borderRadius000);::-moz-focus-inner{border:0;}","{color:",";}","}&:hover{background-color:",";cursor:pointer;","{color:",";}}"," ","{height:unset;width:unset;color:",";","}}"," "," "," ",""],n,s,w,i?e(["&::before{border-radius:var(--borderRadius000) var(--borderRadius025) var(--borderRadius025) var(--borderRadius000);}"]):e(["background-color:",";"],v),v,s,w,i&&e(['&:hover,&:focus{&::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:',";filter:brightness(0.9);}}"],y),s,w,!g&&e(["color:",";"],c?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"),"S"===b&&e(["padding:0 22px 0 8px;","{padding:0;line-height:16px;","{top:-2px;&:before{font-size:16px;}}}"],n,s),"M"===b&&e(["padding:0 28px 0 8px;","{width:24px;padding:0;line-height:15px;}"],n),"L"===b&&e(["padding:0 32px 0 8px;","{width:28px;padding:0;line-height:16px;}"],n),"XL"===b&&e(["padding:0 36px 0 12px;","{width:32px;padding:0;line-height:18px;}"],n)),u&&`max-width: ${u}`)}));export{c as default};

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

@@ -2,7 +2,9 @@
 import { MarginProps } from "styled-system";
 import { PodProps } from "./pod.component";
 import { PodSize, PodVariant } from "./pod.config";
-declare const StyledPod: import("styled-components").StyledComponent<"div", any, MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Pick<PodProps, "height" | "alignTitle" | "internalEditButton">, never>;
+declare const StyledPod: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Pick<PodProps, "height" | "alignTitle" | "internalEditButton">, "theme">;
 interface StyledBlockProps extends Pick<PodProps, "softDelete" | "internalEditButton"> {
     variant: PodVariant;
     noBorder: boolean;

package/esm/components/pod/pod.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import{margin as t}from"styled-system";import"../../style/themes/sage/index.js";import e from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import{StyledContent as i}from"../link/link.style.js";import n from"../icon-button/icon-button.component.js";import a from"../icon/icon.style.js";const l=o.div.withConfig({displayName:"pod.style__StyledPod",componentId:"sc-e7e11b4b-0"})([""," display:flex;align-items:flex-start;width:100%;",";",";&:focus{outline:none;}"],t,(({internalEditButton:o})=>o&&"position: relative"),(({height:o})=>o&&`height: ${o}`)),s={primary:"var(--colorsUtilityYang100)",secondary:"var(--colorsUtilityMajor025)",tertiary:"var(--colorsUtilityMajor040)",transparent:"var(--colorsUtilityMajorTransparent)",tile:"var(--colorsUtilityYang100)"},d=o.div.withConfig({displayName:"pod.style__StyledBlock",componentId:"sc-e7e11b4b-1"})(["",""],(({variant:o,softDelete:t,noBorder:e,hasButtons:i,contentTriggersEdit:n,fullWidth:a,internalEditButton:l,isHovered:d,isFocused:c})=>r(["box-sizing:border-box;border-radius:var(--borderRadius100);display:flex;flex-direction:column;background-color:",";width:100%;height:100%;",";",";",";",";"," "," ",";"],s[o],"tile"===o&&"box-shadow: 0 2px 3px 0 rgba(2, 18, 36, 0.2)",e?"border: none":"border: 1px solid var(--colorsUtilityMajor100)",i&&!(a||l)&&"width: auto;",n&&"cursor: pointer",(d||c)&&r(["background-color:var(--colorsUtilityMajor075);"," ",""],l&&"tile"===o&&"background-color: var(--colorsUtilityMajorTransparent);",n&&r(["background-color:var(--colorsActionMajor600);*{color:var(--colorsUtilityYang100);}"])),(!l||n)&&(c?r(["outline:3px solid var(--colorsSemanticFocus500);border:none;padding:","px;"],e?0:1):r(["outline:none;"])),t&&r(["border:none;background-color:var(--colorsActionDisabled500);& > *{color:var(--colorsUtilityYin065);}"])))),c={"extra-small":"8px",small:"8px",medium:"16px",large:"32px 24px","extra-large":"40px"},p=o.div.withConfig({displayName:"pod.style__StyledContent",componentId:"sc-e7e11b4b-2"})(["text-align:left;padding:",";flex-grow:1;"],(({size:o})=>c[o])),b={"extra-small":"8px",small:"8px",medium:"8px 16px",large:"16px 24px","extra-large":"24px 40px"},x=o.div.withConfig({displayName:"pod.style__StyledFooter",componentId:"sc-e7e11b4b-3"})(["",""],(({variant:o,size:t,softDelete:e})=>r(["background-color:var(--colorsUtilityMajor025);border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);box-shadow:inset 0px 1px 1px 0 rgba(0,0,0,0.1);color:var(--colorsUtilityYin090);padding:",";",";",";"],b[t],e&&"color: var(--colorsUtilityYin055)","tile"===o&&"border-top: 1px solid var(--colorsUtilityMajor100)"))),g=o.div.withConfig({displayName:"pod.style__StyledActionsContainer",componentId:"sc-e7e11b4b-4"})(["display:flex;flex-direction:column;",""],(({internalEditButton:o})=>o&&r(["position:absolute;right:2px;top:2px;z-index:10;"]))),m={"extra-small":34,small:34,medium:50,large:50,"extra-large":50},u={primary:"var(--colorsActionMajorYang100)",secondary:"var(--colorsActionMinor050)",tertiary:"var(--colorsActionMinor100)",transparent:"var(--colorsActionMajorTransparent)",tile:"var(--colorsActionMajorYang100)"},y=o(n).withConfig({displayName:"pod.style__StyledEditAction",componentId:"sc-e7e11b4b-5"})(["&&{",";}","{clip:rect(1px,1px,1px,1px);position:absolute;}"],(({displayOnlyOnHover:o,isHovered:t,isFocused:e,variant:i,size:n,internalEditButton:l,noBorder:s})=>r(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," "," ",";"],u[i],`${m[n]}px`,`${m[n]}px`,a,o&&!(t||e)&&"display: none",s&&"border: none;",l&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(t||e)&&!l&&r(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),e&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"]))),i),v=o(n).withConfig({displayName:"pod.style__StyledDeleteButton",componentId:"sc-e7e11b4b-6"})(["&&{","}"],(({noBorder:o,internalEditButton:t,isHovered:e,isFocused:i,variant:n,size:l})=>r(["cursor:pointer;background-color:",";border:",";margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsSemanticNegative500);}"," "," ",";"],u[n],o?"none":"1px solid var(--colorsActionMinor200)",`${m[l]}px`,`${m[l]}px`,a,t&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(e||i)&&!t&&r(["background-color:var(--colorsSemanticNegative600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),i&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),h=o(n).withConfig({displayName:"pod.style__StyledUndoButton",componentId:"sc-e7e11b4b-7"})(["&&{","}"],(({isHovered:o,isFocused:t,variant:e,size:i,noBorder:n,internalEditButton:l})=>r(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," ",";"],u[e],`${m[i]}px`,`${m[i]}px`,a,n&&"border: none;",l&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(o||t)&&!l&&r(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),t&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),f={"extra-small":20,small:25,medium:30,large:30,"extra-large":30},j=o.div.withConfig({displayName:"pod.style__StyledHeader",componentId:"sc-e7e11b4b-8"})(["",""],(({alignTitle:o,internalEditButton:t,size:e})=>r(["margin-bottom:24px;text-align:",";",";"],o,"right"===o&&t&&r(["margin-right:","px;"],f[e])))),M=o.h5.withConfig({displayName:"pod.style__StyledSubtitle",componentId:"sc-e7e11b4b-9"})(["margin-top:8px;font-size:14px;font-weight:normal;"]),w=o.h4.withConfig({displayName:"pod.style__StyledTitle",componentId:"sc-e7e11b4b-10"})(["display:inline;font-size:18px;font-weight:500;"]);l.defaultProps={theme:e};export{g as StyledActionsContainer,d as StyledBlock,p as StyledContent,v as StyledDeleteButton,y as StyledEditAction,x as StyledFooter,j as StyledHeader,l as StyledPod,M as StyledSubtitle,w as StyledTitle,h as StyledUndoButton};
+import o,{css as r}from"styled-components";import{margin as t}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import{StyledContent as e}from"../link/link.style.js";import n from"../icon-button/icon-button.component.js";import a from"../icon/icon.style.js";const l=o.div.attrs(i).withConfig({displayName:"pod.style__StyledPod",componentId:"sc-b71164e0-0"})([""," display:flex;align-items:flex-start;width:100%;",";",";&:focus{outline:none;}"],t,(({internalEditButton:o})=>o&&"position: relative"),(({height:o})=>o&&`height: ${o}`)),s={primary:"var(--colorsUtilityYang100)",secondary:"var(--colorsUtilityMajor025)",tertiary:"var(--colorsUtilityMajor040)",transparent:"var(--colorsUtilityMajorTransparent)",tile:"var(--colorsUtilityYang100)"},d=o.div.withConfig({displayName:"pod.style__StyledBlock",componentId:"sc-b71164e0-1"})(["",""],(({variant:o,softDelete:t,noBorder:i,hasButtons:e,contentTriggersEdit:n,fullWidth:a,internalEditButton:l,isHovered:d,isFocused:c})=>r(["box-sizing:border-box;border-radius:var(--borderRadius100);display:flex;flex-direction:column;background-color:",";width:100%;height:100%;",";",";",";",";"," "," ",";"],s[o],"tile"===o&&"box-shadow: 0 2px 3px 0 rgba(2, 18, 36, 0.2)",i?"border: none":"border: 1px solid var(--colorsUtilityMajor100)",e&&!(a||l)&&"width: auto;",n&&"cursor: pointer",(d||c)&&r(["background-color:var(--colorsUtilityMajor075);"," ",""],l&&"tile"===o&&"background-color: var(--colorsUtilityMajorTransparent);",n&&r(["background-color:var(--colorsActionMajor600);*{color:var(--colorsUtilityYang100);}"])),(!l||n)&&(c?r(["outline:3px solid var(--colorsSemanticFocus500);border:none;padding:","px;"],i?0:1):r(["outline:none;"])),t&&r(["border:none;background-color:var(--colorsActionDisabled500);& > *{color:var(--colorsUtilityYin065);}"])))),c={"extra-small":"8px",small:"8px",medium:"16px",large:"32px 24px","extra-large":"40px"},p=o.div.withConfig({displayName:"pod.style__StyledContent",componentId:"sc-b71164e0-2"})(["text-align:left;padding:",";flex-grow:1;"],(({size:o})=>c[o])),x={"extra-small":"8px",small:"8px",medium:"8px 16px",large:"16px 24px","extra-large":"24px 40px"},g=o.div.withConfig({displayName:"pod.style__StyledFooter",componentId:"sc-b71164e0-3"})(["",""],(({variant:o,size:t,softDelete:i})=>r(["background-color:var(--colorsUtilityMajor025);border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);box-shadow:inset 0px 1px 1px 0 rgba(0,0,0,0.1);color:var(--colorsUtilityYin090);padding:",";",";",";"],x[t],i&&"color: var(--colorsUtilityYin055)","tile"===o&&"border-top: 1px solid var(--colorsUtilityMajor100)"))),b=o.div.withConfig({displayName:"pod.style__StyledActionsContainer",componentId:"sc-b71164e0-4"})(["display:flex;flex-direction:column;",""],(({internalEditButton:o})=>o&&r(["position:absolute;right:2px;top:2px;z-index:10;"]))),m={"extra-small":34,small:34,medium:50,large:50,"extra-large":50},u={primary:"var(--colorsActionMajorYang100)",secondary:"var(--colorsActionMinor050)",tertiary:"var(--colorsActionMinor100)",transparent:"var(--colorsActionMajorTransparent)",tile:"var(--colorsActionMajorYang100)"},y=o(n).withConfig({displayName:"pod.style__StyledEditAction",componentId:"sc-b71164e0-5"})(["&&{",";}","{clip:rect(1px,1px,1px,1px);position:absolute;}"],(({displayOnlyOnHover:o,isHovered:t,isFocused:i,variant:e,size:n,internalEditButton:l,noBorder:s})=>r(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";display:flex;align-items:center;justify-content:center;border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," "," ",";"],u[e],`${m[n]}px`,`${m[n]}px`,a,o&&!(t||i)&&"display: none",s&&"border: none;",l&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(t||i)&&!l&&r(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),i&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"]))),e),v=o(n).withConfig({displayName:"pod.style__StyledDeleteButton",componentId:"sc-b71164e0-6"})(["&&{","}"],(({noBorder:o,internalEditButton:t,isHovered:i,isFocused:e,variant:n,size:l})=>r(["cursor:pointer;background-color:",";border:",";margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsSemanticNegative500);}"," "," ",";"],u[n],o?"none":"1px solid var(--colorsActionMinor200)",`${m[l]}px`,`${m[l]}px`,a,t&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(i||e)&&!t&&r(["background-color:var(--colorsSemanticNegative600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),e&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),h=o(n).withConfig({displayName:"pod.style__StyledUndoButton",componentId:"sc-b71164e0-7"})(["&&{","}"],(({isHovered:o,isFocused:t,variant:i,size:e,noBorder:n,internalEditButton:l})=>r(["cursor:pointer;background-color:",";border:1px solid var(--colorsActionMinor200);margin-left:8px;margin-bottom:8px;box-sizing:border-box;height:",";width:",";border-radius:var(--borderRadius100);","{top:-2px;height:16px;width:16px;color:var(--colorsActionMajor500);}"," "," "," ",";"],u[i],`${m[e]}px`,`${m[e]}px`,a,n&&"border: none;",l&&r(["border:none;background:var(--colorsActionMajorTransparent);"]),(o||t)&&!l&&r(["background-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);","{color:var(--colorsActionMajorYang100);}"],a),t&&r(["outline:3px solid var(--colorsSemanticFocus500);border:none;"])))),f={"extra-small":20,small:25,medium:30,large:30,"extra-large":30},j=o.div.withConfig({displayName:"pod.style__StyledHeader",componentId:"sc-b71164e0-8"})(["",""],(({alignTitle:o,internalEditButton:t,size:i})=>r(["margin-bottom:24px;text-align:",";",";"],o,"right"===o&&t&&r(["margin-right:","px;"],f[i])))),M=o.h5.withConfig({displayName:"pod.style__StyledSubtitle",componentId:"sc-b71164e0-9"})(["margin-top:8px;font-size:14px;font-weight:normal;"]),w=o.h4.withConfig({displayName:"pod.style__StyledTitle",componentId:"sc-b71164e0-10"})(["display:inline;font-size:18px;font-weight:500;"]);export{b as StyledActionsContainer,d as StyledBlock,p as StyledContent,v as StyledDeleteButton,y as StyledEditAction,g as StyledFooter,j as StyledHeader,l as StyledPod,M as StyledSubtitle,w as StyledTitle,h as StyledUndoButton};

package/esm/components/popover-container/popover-container.style.d.ts

@@ -10,7 +10,9 @@ type PopoverContainerContentStyleProps = {
     disableAnimation?: boolean;
     zIndex?: number;
 };
-declare const PopoverContainerContentStyle: import("styled-components").StyledComponent<"div", any, PopoverContainerContentStyleProps, never>;
+declare const PopoverContainerContentStyle: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & PopoverContainerContentStyleProps, "theme">;
 type AdditionalIconButtonProps = {
     tabIndex?: number;
     id?: string;

package/esm/components/popover-container/popover-container.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{padding as i}from"styled-system";import"../../style/themes/sage/index.js";import e from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import n from"../icon-button/icon-button.component.js";import r from"../icon/icon.style.js";import{StyledForm as a,StyledFormContent as s,StyledFormFooter as p}from"../form/form.style.js";const c=o.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"sc-b28c341a-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:o})=>o&&t(["width:100%;"]))),d=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"sc-b28c341a-1"})(["display:flex;justify-content:space-between;margin-bottom:8px;max-width:280px;"]),l=o.div.withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"sc-b28c341a-2"})([""," background:var(--colorsUtilityYang100);border-radius:var(--borderRadius100);box-shadow:var(--boxShadow100);min-width:300px;position:absolute;z-index:",";"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],i,(({zIndex:o})=>o),(({disableAnimation:o})=>t(o?["opacity:1;transform:none;"]:["&.enter{opacity:0;transform:translateY(-8px);}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"])),a,a,s,p),m=o(n).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"sc-b28c341a-3"})(["","{color:var(--colorsActionMinor500);}"],r),y=o(n).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"sc-b28c341a-4"})(["position:absolute;top:16px;right:24px;","{color:var(--colorsActionMinor500);}"],r),f=o.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"sc-b28c341a-5"})(["font-size:16px;font-weight:500;"]);l.defaultProps={theme:e};export{y as PopoverContainerCloseIcon,l as PopoverContainerContentStyle,d as PopoverContainerHeaderStyle,m as PopoverContainerOpenIcon,f as PopoverContainerTitleStyle,c as PopoverContainerWrapperStyle};
+import o,{css as t}from"styled-components";import{padding as i}from"styled-system";import n from"../../style/themes/apply-base-theme.js";import e from"../icon-button/icon-button.component.js";import r from"../icon/icon.style.js";import{StyledForm as a,StyledFormContent as s,StyledFormFooter as p}from"../form/form.style.js";const c=o.div.withConfig({displayName:"popover-container.style__PopoverContainerWrapperStyle",componentId:"sc-9b7c33de-0"})(["position:relative;display:inline-block;",""],(({hasFullWidth:o})=>o&&t(["width:100%;"]))),d=o.div.withConfig({displayName:"popover-container.style__PopoverContainerHeaderStyle",componentId:"sc-9b7c33de-1"})(["display:flex;justify-content:space-between;margin-bottom:8px;max-width:280px;"]),l=o.div.attrs(n).withConfig({displayName:"popover-container.style__PopoverContainerContentStyle",componentId:"sc-9b7c33de-2"})([""," background:var(--colorsUtilityYang100);border-radius:var(--borderRadius100);box-shadow:var(--boxShadow100);min-width:300px;position:absolute;z-index:",";"," :focus{outline:none;}&:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{flex-grow:1;min-height:0;overflow-y:auto;}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],i,(({zIndex:o})=>o),(({disableAnimation:o})=>t(o?["opacity:1;transform:none;"]:["&.enter{opacity:0;transform:translateY(-8px);}&.enter-done{opacity:1;transform:translateY(0);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit{opacity:0;transform:translateY(-8px);transition-property:opacity,transform;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.25,0.25,0,1.5);}&.exit-done{opacity:0;transform:translateY(0);}"])),a,a,s,p),m=o(e).withConfig({displayName:"popover-container.style__PopoverContainerOpenIcon",componentId:"sc-9b7c33de-3"})(["","{color:var(--colorsActionMinor500);}"],r),y=o(e).withConfig({displayName:"popover-container.style__PopoverContainerCloseIcon",componentId:"sc-9b7c33de-4"})(["position:absolute;top:16px;right:24px;","{color:var(--colorsActionMinor500);}"],r),f=o.div.withConfig({displayName:"popover-container.style__PopoverContainerTitleStyle",componentId:"sc-9b7c33de-5"})(["font-size:16px;font-weight:500;"]);export{y as PopoverContainerCloseIcon,l as PopoverContainerContentStyle,d as PopoverContainerHeaderStyle,m as PopoverContainerOpenIcon,f as PopoverContainerTitleStyle,c as PopoverContainerWrapperStyle};

package/esm/components/portal/portal.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,useMemo as o,useContext as r,useEffect as n}from"react";import i from"react-dom";import d,{css as a}from"styled-components";import l from"../../__internal__/utils/helpers/guid/index.js";import s from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import m from"./portal.style.js";import c from"./__internal__/portal.context.js";const p=d.div.withConfig({displayName:"portal__Container",componentId:"sc-20d5679d-0"})(["",""],(({theme:t})=>a(["{position:relative;z-index:",";}"],t.zIndex.aboveAll))),u=({children:d,className:a,id:u,onReposition:f,inertOptOut:v})=>{const[b,h]=e(null),_=o((()=>l()),[]),{renderInRoot:y}=r(c);n((()=>(f&&(f(),window.addEventListener("resize",f)),()=>{f&&window.removeEventListener("resize",f)})),[f]),n((()=>()=>{null==b||b.remove()}),[]);const g=v?t(p,{children:d}):d;return t(m,{"data-role":"data-portal-entrance","data-portal-entrance":_,children:i.createPortal(t(s,{children:g}),(()=>{const t="carbon-portal";let e=b;if(!e&&void 0!==u&&document.getElementById(u))e=document.getElementById(u),h(e);else if(!e||0===document.getElementsByClassName(t).length){e=document.createElement("div"),e.classList.add(t),e.setAttribute("data-portal-exit",_),e.setAttribute("data-role","carbon-portal-exit"),void 0!==u&&e.setAttribute("id",u),v&&e.setAttribute("data-not-inert","true"),h(e);let o=document.body;const r=document.getElementById("root");r&&y&&(o=r),o.appendChild(e)}return a&&(e=(t=>(null==a||a.split(" ").forEach((e=>{null==t||t.classList.add(e)})),t))(e)),e})())})};export{u as Portal,u as default};
+import{jsx as t}from"react/jsx-runtime";import{useState as e,useMemo as o,useContext as r,useEffect as n}from"react";import i from"react-dom";import a,{css as s}from"styled-components";import l from"../../__internal__/utils/helpers/guid/index.js";import d from"../../style/themes/apply-base-theme.js";import m from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import c from"./portal.style.js";import p from"./__internal__/portal.context.js";const u=a.div.attrs(d).withConfig({displayName:"portal__Container",componentId:"sc-b50999fc-0"})(["",""],(({theme:t})=>s(["{position:relative;z-index:",";}"],t.zIndex.aboveAll))),f=({children:a,className:s,id:d,onReposition:f,inertOptOut:b})=>{const[h,v]=e(null),y=o((()=>l()),[]),{renderInRoot:_}=r(p);n((()=>(f&&(f(),window.addEventListener("resize",f)),()=>{f&&window.removeEventListener("resize",f)})),[f]),n((()=>()=>{null==h||h.remove()}),[]);const g=b?t(u,{children:a}):a;return t(c,{"data-role":"data-portal-entrance","data-portal-entrance":y,children:i.createPortal(t(m,{children:g}),(()=>{const t="carbon-portal";let e=h;if(!e&&void 0!==d&&document.getElementById(d))e=document.getElementById(d),v(e);else if(!e||0===document.getElementsByClassName(t).length){e=document.createElement("div"),e.classList.add(t),e.setAttribute("data-portal-exit",y),e.setAttribute("data-role","carbon-portal-exit"),void 0!==d&&e.setAttribute("id",d),b&&e.setAttribute("data-not-inert","true"),v(e);let o=document.body;const r=document.getElementById("root");r&&_&&(o=r),o.appendChild(e)}return s&&(e=(t=>(null==s||s.split(" ").forEach((e=>{null==t||t.classList.add(e)})),t))(e)),e})())})};export{f as Portal,f as default};

package/esm/components/portrait/__internal__/get-colors.js

@@ -0,0 +1 @@
+import o from"../../../style/utils/get-accessible-foreground-color.js";const r=(r,l=!1,t=!1,i=!1,c=void 0)=>{let e="var(--colorsUtilityYin090)",s="var(--colorsUtilityReadOnly400)";return!l||r||c||(s="var(--colorsUtilityYin090)",e="var(--colorsUtilityReadOnly600)"),r&&(s=r,e=o(r,t,i)),c&&(e=c),`background-color: ${s}; color: ${e};`};export{r as default};

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

@@ -13,5 +13,7 @@ type StyledPortraitProps = {
 export declare const StyledPortraitInitials: import("styled-components").StyledComponent<"div", any, Pick<StyledPortraitProps, "size">, never>;
 export declare const StyledCustomImg: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../icon").IconProps & React.RefAttributes<HTMLSpanElement>>, any, Pick<StyledPortraitProps, "size">, never>;
-export declare const StyledPortraitContainer: import("styled-components").StyledComponent<"div", any, StyledPortraitProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, never>;
+export declare const StyledPortraitContainer: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledPortraitProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, "theme">;
 export {};

package/esm/components/portrait/portrait.style.js

@@ -1 +1 @@
-import"react";import i from"styled-components";import{margin as e}from"styled-system";import t from"../icon/icon.component.js";import o from"../profile/profile.config.js";import r from"../../style/themes/base/index.js";import{PORTRAIT_SIZE_PARAMS as n}from"./portrait.config.js";import s from"./__internal__/utils.js";const d=i.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"sc-7962e194-0"})(["font-weight:500;font-size:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;"],(({size:i})=>o[i].initialSize)),m=i.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"sc-7962e194-1"})(["height:inherit;min-width:inherit;"]),a=i(t).withConfig({displayName:"portrait.style__StyledIcon",componentId:"sc-7962e194-2"})(["&&{color:inherit;height:inherit;min-width:inherit;::before{font-size:","px;}}"],(({size:i})=>n[i].iconDimensions)),l=i.div.withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"sc-7962e194-3"})(["",";"," min-width:","px;height:","px;overflow:hidden;border-radius:",";border:1px solid var(--colorsUtilityReadOnly600);display:inline-block;"," ",""],(({darkBackground:i,backgroundColor:e,size:t,foregroundColor:o})=>s(e,i,!["XS","S"].includes(t),!0,o)),(({hasValidImg:i,size:e})=>i&&`max-width: ${n[e].dimensions}px;`),(({size:i})=>n[i].dimensions),(({size:i})=>n[i].dimensions),(({shape:i})=>"square"===i?"0px":"var(--borderRadiusCircle)"),(({onClick:i})=>i&&"cursor: pointer"),e);l.defaultProps={theme:r};export{m as StyledCustomImg,a as StyledIcon,l as StyledPortraitContainer,d as StyledPortraitInitials};
+import"react";import i from"styled-components";import{margin as t}from"styled-system";import o from"../icon/icon.component.js";import e from"../profile/profile.config.js";import r from"../../style/themes/apply-base-theme.js";import{PORTRAIT_SIZE_PARAMS as n}from"./portrait.config.js";import s from"./__internal__/get-colors.js";const d=i.div.withConfig({displayName:"portrait.style__StyledPortraitInitials",componentId:"sc-db9324dd-0"})(["font-weight:500;font-size:",";display:flex;white-space:nowrap;align-items:center;justify-content:center;height:inherit;width:inherit;"],(({size:i})=>e[i].initialSize)),a=i.img.withConfig({displayName:"portrait.style__StyledCustomImg",componentId:"sc-db9324dd-1"})(["height:inherit;min-width:inherit;"]),m=i(o).withConfig({displayName:"portrait.style__StyledIcon",componentId:"sc-db9324dd-2"})(["&&{color:inherit;height:inherit;min-width:inherit;::before{font-size:","px;}}"],(({size:i})=>n[i].iconDimensions)),l=i.div.attrs(r).withConfig({displayName:"portrait.style__StyledPortraitContainer",componentId:"sc-db9324dd-3"})(["",";"," min-width:","px;height:","px;overflow:hidden;border-radius:",";border:1px solid var(--colorsUtilityReadOnly600);display:inline-block;"," ",""],(({darkBackground:i,backgroundColor:t,size:o,foregroundColor:e})=>s(t,i,!["XS","S"].includes(o),!0,e)),(({hasValidImg:i,size:t})=>i&&`max-width: ${n[t].dimensions}px;`),(({size:i})=>n[i].dimensions),(({size:i})=>n[i].dimensions),(({shape:i})=>"square"===i?"0px":"var(--borderRadiusCircle)"),(({onClick:i})=>i&&"cursor: pointer"),t);export{a as StyledCustomImg,m as StyledIcon,l as StyledPortraitContainer,d as StyledPortraitInitials};

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

@@ -1,5 +1,7 @@
 import { Shapes } from "./preview.component";
-declare const StyledPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledPreview: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 interface StyledPreviewPlaceholderProps {
     height?: string;
     width?: string;

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

@@ -1 +1 @@
-import e,{keyframes as i,css as r}from"styled-components";import{margin as t}from"styled-system";import a from"../../style/themes/base/index.js";const n=e.div.withConfig({displayName:"preview.style__StyledPreview",componentId:"sc-29c4aa6d-0"})(["",""],t),o=i(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function s(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function c(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const d=e.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"sc-29c4aa6d-1"})(["",""],(({shape:e,disableAnimation:i,isLastLine:t,height:a,width:n})=>r(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(e),a||s(e),n||c(e),o,t&&"text"===e&&r(["width:calc(","*0.8);"],n||c(e)),"circle"===e&&r(["width:",";"],a||s(e)),i&&r(["animation:none;"]))));n.defaultProps={theme:a};export{n as StyledPreview,d as StyledPreviewPlaceholder};
+import e,{keyframes as i,css as t}from"styled-components";import{margin as r}from"styled-system";import a from"../../style/themes/apply-base-theme.js";const n=e.div.attrs(a).withConfig({displayName:"preview.style__StyledPreview",componentId:"sc-a74c6505-0"})(["",""],r),o=i(["0%{opacity:0.1;}70%{opacity:1;}100%{opacity:0.1;}"]);function s(e){return e.includes("rectangle")?"var(--sizing400)":"circle"===e?"var(--sizing700)":"var(--sizing175)"}function c(e){return e.includes("rectangle")?"var(--sizing1500)":"100%"}const d=e.span.withConfig({displayName:"preview.style__StyledPreviewPlaceholder",componentId:"sc-a74c6505-1"})(["",""],(({shape:e,disableAnimation:i,isLastLine:r,height:a,width:n})=>t(["display:block;background:linear-gradient( 135deg,var(--colorsUtilityMajor100),var(--colorsUtilityMajor040) );border-radius:",";height:",";width:",";animation:"," 2s ease infinite;"," "," "," & + &{margin-top:6px;}"],function(e){switch(e){case"rectangle-round":return"var(--borderRadius400)";case"circle":return"var(--borderRadiusCircle)";default:return"var(--borderRadius100)"}}(e),a||s(e),n||c(e),o,r&&"text"===e&&t(["width:calc(","*0.8);"],n||c(e)),"circle"===e&&t(["width:",";"],a||s(e)),i&&t(["animation:none;"]))));export{n as StyledPreview,d as StyledPreviewPlaceholder};

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

@@ -8,7 +8,9 @@ interface ProfileSProps {
 declare const ProfileNameStyle: import("styled-components").StyledComponent<"span", any, ProfileSProps, never>;
 declare const ProfileEmailStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, Pick<ProfileSProps, "size" | "darkBackground">, never>;
 declare const ProfileTextStyle: import("styled-components").StyledComponent<"span", any, ProfileSProps, never>;
-declare const ProfileStyle: import("styled-components").StyledComponent<"div", any, Pick<ProfileSProps, "darkBackground" | "hasSrc">, never>;
+declare const ProfileStyle: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<ProfileSProps, "darkBackground" | "hasSrc">, "theme">;
 declare const ProfileDetailsStyle: import("styled-components").StyledComponent<"div", any, Pick<ProfileSProps, "size" | "hasSrc">, never>;
 declare const ProfileAvatarStyle: import("styled-components").StyledComponent<({ alt, backgroundColor, foregroundColor, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: import("../portrait").PortraitProps) => import("react").JSX.Element, any, {}, never>;
 export { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle, ProfileTextStyle, };

package/esm/components/profile/profile.style.js

@@ -1 +1 @@
-import e from"styled-components";import{margin as i}from"styled-system";import{Portrait as o}from"../portrait/portrait.component.js";import t from"../../style/themes/base/index.js";import r from"./profile.config.js";import{Link as l}from"../link/link.component.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const a=e.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-88ca67c0-0"})(["font-weight:500;font-size:",";"],(({size:e="M"})=>r[e].nameSize)),s=e(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-88ca67c0-1"})(["a{font-size:",";color:",";}"],(({size:e="M"})=>r[e].emailSize),(({darkBackground:e})=>e&&"var(--colorsActionMajor350)")),c=e.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-88ca67c0-2"})(["font-size:",";"],(({size:e="M"})=>r[e].emailSize)),m=e.div.withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-88ca67c0-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:e})=>e?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:e})=>e?"var(--colorsUtilityYin090)":"transparent"),i,n),p=e.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-88ca67c0-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:e="M"})=>r[e].lineHeight),(({size:e="M"})=>r[e].marginLeft)),f=e(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-88ca67c0-5"})(["display:inline-block;"]);m.defaultProps={theme:t};export{f as ProfileAvatarStyle,p as ProfileDetailsStyle,s as ProfileEmailStyle,a as ProfileNameStyle,m as ProfileStyle,c as ProfileTextStyle};
+import i from"styled-components";import{margin as e}from"styled-system";import{Portrait as o}from"../portrait/portrait.component.js";import t from"../../style/themes/apply-base-theme.js";import r from"./profile.config.js";import{Link as l}from"../link/link.component.js";import{StyledPortraitContainer as n}from"../portrait/portrait.style.js";const s=i.span.withConfig({displayName:"profile.style__ProfileNameStyle",componentId:"sc-8b26f5c1-0"})(["font-weight:500;font-size:",";"],(({size:i="M"})=>r[i].nameSize)),a=i(l).withConfig({displayName:"profile.style__ProfileEmailStyle",componentId:"sc-8b26f5c1-1"})(["a{font-size:",";color:",";}"],(({size:i="M"})=>r[i].emailSize),(({darkBackground:i})=>i&&"var(--colorsActionMajor350)")),f=i.span.withConfig({displayName:"profile.style__ProfileTextStyle",componentId:"sc-8b26f5c1-2"})(["font-size:",";"],(({size:i="M"})=>r[i].emailSize)),c=i.div.attrs(t).withConfig({displayName:"profile.style__ProfileStyle",componentId:"sc-8b26f5c1-3"})(["border-radius:inherit;color:",";background-color:",";display:flex;flex-direction:row;align-items:center;"," ","{flex-shrink:0;}"],(({darkBackground:i})=>i?"var(--colorsUtilityReadOnly600)":"var(--colorsUtilityYin090)"),(({darkBackground:i})=>i?"var(--colorsUtilityYin090)":"transparent"),e,n),p=i.div.withConfig({displayName:"profile.style__ProfileDetailsStyle",componentId:"sc-8b26f5c1-4"})(["display:flex;flex-direction:column;justify-content:center;line-height:",";margin-left:",";"],(({size:i="M"})=>r[i].lineHeight),(({size:i="M"})=>r[i].marginLeft)),m=i(o).withConfig({displayName:"profile.style__ProfileAvatarStyle",componentId:"sc-8b26f5c1-5"})(["display:inline-block;"]);export{m as ProfileAvatarStyle,p as ProfileDetailsStyle,a as ProfileEmailStyle,s as ProfileNameStyle,c as ProfileStyle,f as ProfileTextStyle};

package/esm/components/progress-tracker/progress-tracker.style.d.ts

@@ -1,6 +1,10 @@
 import { ProgressTrackerProps } from "./progress-tracker.component";
-declare const StyledProgressTracker: import("styled-components").StyledComponent<"div", any, Pick<ProgressTrackerProps, "length" | "margin" | "labelsPosition">, never>;
-declare const StyledProgressBar: import("styled-components").StyledComponent<"span", any, Pick<ProgressTrackerProps, "error" | "progress">, never>;
+declare const StyledProgressTracker: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<ProgressTrackerProps, "length" | "margin" | "labelsPosition">, "theme">;
+declare const StyledProgressBar: import("styled-components").StyledComponent<"span", any, {
+    theme: object;
+} & Pick<ProgressTrackerProps, "error" | "progress">, "theme">;
 declare const StyledValue: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const StyledDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare const StyledValuesLabel: import("styled-components").StyledComponent<"span", any, Pick<ProgressTrackerProps, "size" | "labelWidth" | "labelsPosition">, never>;

package/esm/components/progress-tracker/progress-tracker.style.js

@@ -1 +1 @@
-import e,{css as r}from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/base/index.js";const s=e.div.withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"sc-7793e6a1-0"})([""," text-align:center;white-space:nowrap;",";",""],t,(({length:e})=>r(["width:",";"],e)),(({labelsPosition:e})=>"left"===e&&r(["display:flex;align-items:center;"]))),i=e.span.withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"sc-7793e6a1-1"})(["",""],(({progress:e,error:t})=>r(["display:flex;position:relative;background-color:var(--colorsSemanticNeutral200);border:1px solid ",";border-radius:var(--borderRadius400);overflow-x:hidden;width:100%;min-height:fit-content;box-sizing:border-box;"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":100===e?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:e,error:t})))),a={small:"var(--fontSizes100)",medium:"var(--fontSizes100)",large:"var(--fontSizes200)"},n=e.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"sc-7793e6a1-2"})(["display:inline-block;font-weight:500;"]),l=e.span.withConfig({displayName:"progress-tracker.style__StyledDescription",componentId:"sc-7793e6a1-3"})(["color:var(--colorsUtilityYin055);margin-left:4px;"]),c={top:"bottom",bottom:"top",left:"right"},p=e.span.withConfig({displayName:"progress-tracker.style__StyledValuesLabel",componentId:"sc-7793e6a1-4"})(["text-align:start;display:flex;justify-content:flex-start;gap:4px;font-size:",";",";",";"],(({size:e})=>e&&a[e]),(({labelsPosition:e})=>e&&`\n      margin-${c[e]}: var(--spacing100);\n    `),(({labelWidth:e})=>e&&r(["width:",";flex-shrink:0;"],e))),d=e.span.withConfig({displayName:"progress-tracker.style__InnerBar",componentId:"sc-7793e6a1-5"})(["",""],(({progress:e,size:t,error:o})=>r(["position:relative;left:0;background-color:",";border-radius:var(--borderRadius400);width:","%;min-width:2px;height:",";"],function({progress:e,error:r}){return r?"var(--colorsSemanticNegative500)":e&&e>=100?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:e,error:o}),e,function(e){switch(e){case"small":return"var(--sizing050)";case"large":return"var(--sizing200)";default:return"var(--sizing100)"}}(t))));d.defaultProps={theme:o},i.defaultProps={theme:o},s.defaultProps={theme:o};export{d as InnerBar,l as StyledDescription,i as StyledProgressBar,s as StyledProgressTracker,n as StyledValue,p as StyledValuesLabel};
+import r,{css as e}from"styled-components";import{margin as t}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const s=r.div.attrs(o).withConfig({displayName:"progress-tracker.style__StyledProgressTracker",componentId:"sc-55ab6252-0"})([""," text-align:center;white-space:nowrap;",";",""],t,(({length:r})=>e(["width:",";"],r)),(({labelsPosition:r})=>"left"===r&&e(["display:flex;align-items:center;"]))),i=r.span.attrs(o).withConfig({displayName:"progress-tracker.style__StyledProgressBar",componentId:"sc-55ab6252-1"})(["",""],(({progress:r,error:t})=>e(["display:flex;position:relative;background-color:var(--colorsSemanticNeutral200);border:1px solid ",";border-radius:var(--borderRadius400);overflow-x:hidden;width:100%;min-height:fit-content;box-sizing:border-box;"],function({progress:r,error:e}){return e?"var(--colorsSemanticNegative500)":100===r?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:t})))),a={small:"var(--fontSizes100)",medium:"var(--fontSizes100)",large:"var(--fontSizes200)"},n=r.span.withConfig({displayName:"progress-tracker.style__StyledValue",componentId:"sc-55ab6252-2"})(["display:inline-block;font-weight:500;"]),l=r.span.withConfig({displayName:"progress-tracker.style__StyledDescription",componentId:"sc-55ab6252-3"})(["color:var(--colorsUtilityYin055);margin-left:4px;"]),c={top:"bottom",bottom:"top",left:"right"},p=r.span.withConfig({displayName:"progress-tracker.style__StyledValuesLabel",componentId:"sc-55ab6252-4"})(["text-align:start;display:flex;justify-content:flex-start;gap:4px;font-size:",";",";",";"],(({size:r})=>r&&a[r]),(({labelsPosition:r})=>r&&`\n      margin-${c[r]}: var(--spacing100);\n    `),(({labelWidth:r})=>r&&e(["width:",";flex-shrink:0;"],r))),d=r.span.withConfig({displayName:"progress-tracker.style__InnerBar",componentId:"sc-55ab6252-5"})(["",""],(({progress:r,size:t,error:o})=>e(["position:relative;left:0;background-color:",";border-radius:var(--borderRadius400);width:","%;min-width:2px;height:",";"],function({progress:r,error:e}){return e?"var(--colorsSemanticNegative500)":r&&r>=100?"var(--colorsSemanticPositive500)":"var(--colorsSemanticNeutral500)"}({progress:r,error:o}),r,function(r){switch(r){case"small":return"var(--sizing050)";case"large":return"var(--sizing200)";default:return"var(--sizing100)"}}(t))));export{d as InnerBar,l as StyledDescription,i as StyledProgressBar,s as StyledProgressTracker,n as StyledValue,p as StyledValuesLabel};

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

@@ -1,5 +1,7 @@
 import { RadioButtonProps } from "./radio-button.component";
-declare const RadioButtonStyle: import("styled-components").StyledComponent<"div", any, import("../checkbox/checkbox.style").StyledCheckboxProps & Pick<RadioButtonProps, "disabled" | "reverse" | "size" | "fieldHelpInline"> & {
+declare const RadioButtonStyle: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & import("../checkbox/checkbox.style").StyledCheckboxProps & Pick<RadioButtonProps, "disabled" | "reverse" | "size" | "fieldHelpInline"> & {
     inline?: boolean | undefined;
-}, never>;
+}, "theme">;
 export default RadioButtonStyle;

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

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import l from"../../__internal__/field-help/field-help.style.js";import r from"../checkbox/checkbox.style.js";import n from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import{StyledCheckableInput as o}from"../../__internal__/checkable-input/checkable-input.style.js";import a from"../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js";import{StyledLabelContainer as s}from"../../__internal__/label/label.style.js";import c from"../../style/themes/base/index.js";import p from"../../__internal__/form-field/form-field.style.js";const m=e(r).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"sc-bfd12e0e-0"})([""," ",";"],(({disabled:e,fieldHelpInline:t,reverse:r,size:c,inline:m})=>i(["margin-bottom:var(--spacing150);:last-of-type{margin-bottom:0;}&& ","{margin:0;}","{padding:0;}",",svg{border-radius:var(--borderRadiusCircle);}",",",",",",svg{height:16px;width:16px;}svg{padding:1px;}circle{r:5;}","{flex:1 1 calc(100% - 44px);}",":checked + "," circle{fill:var(--colorsUtilityYin090);}"," "," "," ",""],p,a,a,o,n,a,s,n,a,e&&i(["circle{fill:var(--colorsUtilityDisabled400);}",":checked + "," circle{fill:var(--colorsUtilityDisabled600);}"],n,a),(t||r)&&`\n      ${l} {\n        margin-left: 0;\n        margin-right: 6px;\n      }\n\n      ${s} {\n        flex: 0 1 auto;\n      }\n    `,"large"===c&&i(["",",",",",",svg{height:24px;width:24px;}circle{r:3.75;}",""],o,n,a,r&&i(["",""],!t&&`\n          ${l} {\n            padding: 0;\n          }\n        `)),m&&"\n      &:not(:first-of-type) {\n        margin-left: 32px;\n      }\n    ")),t);m.defaultProps={theme:c};export{m as default};
+import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import l from"../../__internal__/field-help/field-help.style.js";import r from"../checkbox/checkbox.style.js";import n from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import{StyledCheckableInput as o}from"../../__internal__/checkable-input/checkable-input.style.js";import a from"../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js";import{StyledLabelContainer as s}from"../../__internal__/label/label.style.js";import c from"../../style/themes/apply-base-theme.js";import p from"../../__internal__/form-field/form-field.style.js";const m=e(r).attrs(c).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"sc-c570c431-0"})([""," ",";"],(({disabled:e,fieldHelpInline:t,reverse:r,size:c,inline:m})=>i(["margin-bottom:var(--spacing150);:last-of-type{margin-bottom:0;}&& ","{margin:0;}","{padding:0;}",",svg{border-radius:var(--borderRadiusCircle);}",",",",",",svg{height:16px;width:16px;}svg{padding:1px;}circle{r:5;}","{flex:1 1 calc(100% - 44px);}",":checked + "," circle{fill:var(--colorsUtilityYin090);}"," "," "," ",""],p,a,a,o,n,a,s,n,a,e&&i(["circle{fill:var(--colorsUtilityDisabled400);}",":checked + "," circle{fill:var(--colorsUtilityDisabled600);}"],n,a),(t||r)&&`\n      ${l} {\n        margin-left: 0;\n        margin-right: 6px;\n      }\n\n      ${s} {\n        flex: 0 1 auto;\n      }\n    `,"large"===c&&i(["",",",",",",svg{height:24px;width:24px;}circle{r:3.75;}",""],o,n,a,r&&i(["",""],!t&&`\n          ${l} {\n            padding: 0;\n          }\n        `)),m&&"\n      &:not(:first-of-type) {\n        margin-left: 32px;\n      }\n    ")),t);export{m as default};

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

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

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

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

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

@@ -7,5 +7,7 @@ interface StyledSearchProps {
     showSearchButton?: boolean;
     variant?: string;
 }
-declare const StyledSearch: import("styled-components").StyledComponent<"div", any, StyledSearchProps, never>;
+declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledSearchProps, "theme">;
 export default StyledSearch;

package/esm/components/search/search.style.js

@@ -1 +1 @@
-import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import i from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import a from"../../__internal__/input/input-presentation.style.js";import e from"../../__internal__/input/input.style.js";import l from"../icon/icon.style.js";import"../../style/themes/sage/index.js";import n from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import s from"../../__internal__/form-field/form-field.style.js";const c=r.div.withConfig({displayName:"search.style__StyledSearch",componentId:"sc-c5f64dcf-0"})(["",""],(({isFocused:r,searchWidth:n,maxWidth:c,searchHasValue:d,showSearchButton:p,theme:m,variant:v})=>{const g="dark"===v;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);font-weight:500;"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;z-index:",";}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,n?`${n}`:"100%",c?`${c}`:"100%",!p&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],g?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",g?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),e,g&&t(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),g&&d&&!p&&t(["color:var(--colorsUtilityYang100);"]),a,!g&&t(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),g&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),g&&!p&&t(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!g&&t(["background-color:",";"],d||r||p?"var(--colorsUtilityYang100)":"transparent"),p&&t(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!r&&!d&&!p&&t(["border:1px solid transparent;"]),!r&&d&&!p&&t(["background-color:",";"],g?"transparent":"var(--colorsUtilityYang100)"),s,m.zIndex.smallOverlay,l,g&&!p&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!g&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),i,d&&t(["margin-bottom:-1px;"]))}));c.defaultProps={theme:n};export{c as default};
+import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../__internal__/input/input-presentation.style.js";import l from"../../__internal__/input/input.style.js";import e from"../icon/icon.style.js";import n from"../../style/themes/apply-base-theme.js";import s from"../../__internal__/form-field/form-field.style.js";const c=r.div.attrs(n).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-f5d4c4a7-0"})(["",""],(({isFocused:r,searchWidth:n,maxWidth:c,searchHasValue:d,showSearchButton:p,theme:m,variant:v})=>{const g="dark"===v;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);font-weight:500;"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;z-index:",";}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,n?`${n}`:"100%",c?`${c}`:"100%",!p&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],g?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",g?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),l,g&&t(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),g&&d&&!p&&t(["color:var(--colorsUtilityYang100);"]),i,!g&&t(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),g&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),g&&!p&&t(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!g&&t(["background-color:",";"],d||r||p?"var(--colorsUtilityYang100)":"transparent"),p&&t(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!r&&!d&&!p&&t(["border:1px solid transparent;"]),!r&&d&&!p&&t(["background-color:",";"],g?"transparent":"var(--colorsUtilityYang100)"),s,m.zIndex.smallOverlay,e,g&&!p&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!g&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,d&&t(["margin-bottom:-1px;"]))}));export{c as default};

package/esm/components/select/__internal__/select-list/select-list.style.d.ts

@@ -13,7 +13,9 @@ interface StyledSelectListContainerProps {
     isLoading?: boolean;
     placement?: string;
 }
-declare const StyledSelectListContainer: import("styled-components").StyledComponent<"div", any, StyledSelectListContainerProps, never>;
+declare const StyledSelectListContainer: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledSelectListContainerProps, "theme">;
 declare const StyledScrollableContainer: import("styled-components").StyledComponent<"div", any, {
     maxHeight: number;
     hasActionButton: boolean;

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

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