carbon-react 154.7.0 → 154.7.2

package/esm/__internal__/character-count/character-count.style.d.ts

@@ -1,7 +1,9 @@
 declare const StyledCharacterCountWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledCharacterCount: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
     isOverLimit: boolean;
-}, never>;
+}, "theme">;
 declare const VisuallyHiddenCharacterCount: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const VisuallyHiddenHint: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { StyledCharacterCountWrapper, StyledCharacterCount, VisuallyHiddenCharacterCount, VisuallyHiddenHint, };

package/esm/__internal__/character-count/character-count.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import i from"../../style/themes/base/index.js";import o from"../../style/utils/visually-hidden.js";const n=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"sc-c17f13d1-0"})([""]),a=t.div.withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"sc-c17f13d1-1"})(["text-align:left;font-size:var(--fontSizes100);margin-top:var(--spacing050);margin-bottom:var(--spacing050);color:",";",""],(({isOverLimit:t})=>t?"var(--colorsSemanticNegative500)":"var(--colorsUtilityYin055)"),(({isOverLimit:t})=>t&&e(["font-weight:var(--fontWeights500);"]))),r=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"sc-c17f13d1-2"})(['::after{content:" ";}',""],o),c=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"sc-c17f13d1-3"})(['::before{content:" ";}::after{content:" ";}',""],o);a.defaultProps={theme:i};export{a as StyledCharacterCount,n as StyledCharacterCountWrapper,r as VisuallyHiddenCharacterCount,c as VisuallyHiddenHint};
+import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";import i from"../../style/utils/visually-hidden.js";const o=t.div.withConfig({displayName:"character-count.style__StyledCharacterCountWrapper",componentId:"sc-a551f9c1-0"})([""]),n=t.div.attrs(a).withConfig({displayName:"character-count.style__StyledCharacterCount",componentId:"sc-a551f9c1-1"})(["text-align:left;font-size:var(--fontSizes100);margin-top:var(--spacing050);margin-bottom:var(--spacing050);color:",";",""],(({isOverLimit:t})=>t?"var(--colorsSemanticNegative500)":"var(--colorsUtilityYin055)"),(({isOverLimit:t})=>t&&e(["font-weight:var(--fontWeights500);"]))),r=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenCharacterCount",componentId:"sc-a551f9c1-2"})(['::after{content:" ";}',""],i),c=t.div.withConfig({displayName:"character-count.style__VisuallyHiddenHint",componentId:"sc-a551f9c1-3"})(['::before{content:" ";}::after{content:" ";}',""],i);export{n as StyledCharacterCount,o as StyledCharacterCountWrapper,r as VisuallyHiddenCharacterCount,c as VisuallyHiddenHint};

package/esm/__internal__/fieldset/fieldset.style.d.ts

@@ -1,7 +1,9 @@
 type StyledFieldsetProps = {
     width?: string;
 };
-declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, StyledFieldsetProps, never>;
+declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", any, {
+    theme: object;
+} & StyledFieldsetProps, "theme">;
 type StyledLegendContentProps = {
     isRequired?: boolean;
     /**

package/esm/__internal__/fieldset/fieldset.style.js

@@ -1 +1 @@
-import i,{css as t}from"styled-components";import{margin as e}from"styled-system";import n from"../../style/themes/base/index.js";const o=i.fieldset.withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-6ccd69fa-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],e,(({width:i})=>i&&`width: ${i};`));o.defaultProps={theme:n};const a=i.span.withConfig({displayName:"fieldset.style__StyledLegendContent",componentId:"sc-6ccd69fa-1"})(["display:flex;align-items:center;line-height:24px;"," "," ",""],(({isRequired:i})=>i&&t(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isOptional:i,optionalLabel:e})=>i&&t(['::after{content:"(',')";color:var(--colorsUtilityYin055);font-weight:var(--fontWeights400);margin-left:var(--spacing050);}'],e)),(({isDisabled:i})=>i&&t(["color:var(--colorsUtilityYin030);::after{color:var(--colorsUtilityYin030);}"]))),l=i.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-6ccd69fa-2"})(["display:flex;align-items:center;margin-bottom:var(--spacing100);padding:0;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);",";"," ",""],(({align:i,inline:e})=>i&&t(["text-align:",";justify-content:",";",""],i,"right"===i?"flex-end":"flex-start",!e&&t(["width:-moz-available;"]))),(({inline:i,width:e,rightPadding:n})=>i&&t(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],e&&`width: ${e}%`,1===n?"var(--spacing100)":"var(--spacing200)")),e),s=i.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-6ccd69fa-3"})(["margin-left:var(--spacing050);"]);export{o as StyledFieldset,s as StyledIconWrapper,l as StyledLegend,a as StyledLegendContent};
+import e,{css as i}from"styled-components";import{margin as t}from"styled-system";import n from"../../style/themes/apply-base-theme.js";const o=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__StyledFieldset",componentId:"sc-5eed3c01-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;min-width:0;min-inline-size:0;",""],t,(({width:e})=>e&&`width: ${e};`)),a=e.span.withConfig({displayName:"fieldset.style__StyledLegendContent",componentId:"sc-5eed3c01-1"})(["display:flex;align-items:center;line-height:24px;"," "," ",""],(({isRequired:e})=>e&&i(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing050);position:relative;top:1px;}'])),(({isOptional:e,optionalLabel:t})=>e&&i(['::after{content:"(',')";color:var(--colorsUtilityYin055);font-weight:var(--fontWeights400);margin-left:var(--spacing050);}'],t)),(({isDisabled:e})=>e&&i(["color:var(--colorsUtilityYin030);::after{color:var(--colorsUtilityYin030);}"]))),l=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-5eed3c01-2"})(["display:flex;align-items:center;margin-bottom:var(--spacing100);padding:0;font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);",";"," ",""],(({align:e,inline:t})=>e&&i(["text-align:",";justify-content:",";",""],e,"right"===e?"flex-end":"flex-start",!t&&i(["width:-moz-available;"]))),(({inline:e,width:t,rightPadding:n})=>e&&i(["float:left;box-sizing:border-box;margin:0;",";padding-right:",";"],t&&`width: ${t}%`,1===n?"var(--spacing100)":"var(--spacing200)")),t),r=e.div.withConfig({displayName:"fieldset.style__StyledIconWrapper",componentId:"sc-5eed3c01-3"})(["margin-left:var(--spacing050);"]);export{o as StyledFieldset,r as StyledIconWrapper,l as StyledLegend,a as StyledLegendContent};

package/esm/__internal__/form-field/form-field.style.d.ts

@@ -1,4 +1,6 @@
-declare const FormFieldStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const FormFieldStyle: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 export interface FieldLineStyleProps {
     inline?: boolean;
     maxWidth?: string;

package/esm/__internal__/form-field/form-field.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import{space as i}from"styled-system";import"../../style/themes/sage/index.js";import o from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";const s=e.div.withConfig({displayName:"form-field.style__FormFieldStyle",componentId:"sc-a521e28-0"})(["margin-bottom:var(--fieldSpacing);& + &{margin-top:16px;}&&&{","}"],i);s.defaultProps={theme:o};const m=e.div.withConfig({displayName:"form-field.style__FieldLineStyle",componentId:"sc-a521e28-1"})(["",""],(({inline:e,maxWidth:i})=>t(["display:",";",""],e?"flex":"block",i&&`max-width: ${i};`)));export{m as FieldLineStyle,s as default};
+import e,{css as t}from"styled-components";import{space as i}from"styled-system";import o from"../../style/themes/apply-base-theme.js";const m=e.div.attrs(o).withConfig({displayName:"form-field.style__FormFieldStyle",componentId:"sc-f6ef2927-0"})(["margin-bottom:var(--fieldSpacing);& + &{margin-top:16px;}&&&{","}"],i),l=e.div.withConfig({displayName:"form-field.style__FieldLineStyle",componentId:"sc-f6ef2927-1"})(["",""],(({inline:e,maxWidth:i})=>t(["display:",";",""],e?"flex":"block",i&&`max-width: ${i};`)));export{l as FieldLineStyle,m as default};

package/esm/__internal__/input/input-presentation.style.d.ts

@@ -2,5 +2,5 @@ import { CommonInputPresentationProps } from "./input-presentation.component";
 import { InputContextProps } from "../input-behaviour";
 import { CarbonProviderProps } from "../../components/carbon-provider";
 export declare const StyledInputPresentationContainer: import("styled-components").StyledComponent<"div", any, Pick<CommonInputPresentationProps, "maxWidth" | "inputWidth">, never>;
-declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "size" | "prefix" | "readOnly" | "align" | "borderRadius" | "hasIcon" | "hideBorders"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
+declare const InputPresentationStyle: import("styled-components").StyledComponent<"div", any, Pick<InputContextProps, "hasFocus"> & Pick<CommonInputPresentationProps, "disabled" | "error" | "info" | "warning" | "prefix" | "readOnly" | "size" | "align" | "borderRadius" | "hasIcon" | "hideBorders"> & Pick<CarbonProviderProps, "validationRedesignOptIn">, never>;
 export default InputPresentationStyle;

package/esm/__internal__/popover/popover.style.d.ts

@@ -1,4 +1,6 @@
-export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 type StyledPopoverContentProps = {
     isOpen?: boolean;
 };

package/esm/__internal__/popover/popover.style.js

@@ -1 +1 @@
-import e from"styled-components";import o from"../../style/themes/base/index.js";const t=e.div.withConfig({displayName:"popover.style__StyledBackdrop",componentId:"sc-83701571-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:",";background:transparent;"],(({theme:e})=>e.zIndex.popover));t.defaultProps={theme:o};const n=e.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"sc-83701571-1"})(["",""],(({isOpen:e})=>!e&&"display: none;"));export{t as StyledBackdrop,n as StyledPopoverContent};
+import e from"styled-components";import o from"../../style/themes/apply-base-theme.js";const t=e.div.attrs(o).withConfig({displayName:"popover.style__StyledBackdrop",componentId:"sc-67f33937-0"})(["bottom:0;left:0;position:fixed;right:0;top:0;z-index:",";background:transparent;"],(({theme:e})=>e.zIndex.popover)),p=e.div.withConfig({displayName:"popover.style__StyledPopoverContent",componentId:"sc-67f33937-1"})(["",""],(({isOpen:e})=>!e&&"display: none;"));export{t as StyledBackdrop,p as StyledPopoverContent};

package/esm/__internal__/validations/validation-icon.style.d.ts

@@ -1,6 +1,8 @@
 import { ValidationIconProps } from "./validation-icon.component";
 type ValidationType = "error" | "warning" | "info";
-declare const ValidationIconStyle: import("styled-components").StyledComponent<"span", any, ValidationIconProps & {
+declare const ValidationIconStyle: import("styled-components").StyledComponent<"span", any, {
+    theme: object;
+} & ValidationIconProps & {
     validationType: ValidationType;
-}, never>;
+}, "theme">;
 export default ValidationIconStyle;

package/esm/__internal__/validations/validation-icon.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import n from"../../style/themes/base/index.js";import r from"../../components/icon/icon.style.js";import i from"../../style/utils/add-focus-styling.js";const s={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",warning:"var(--colorsSemanticCaution500)"},a=o.span.withConfig({displayName:"validation-icon.style__ValidationIconStyle",componentId:"sc-56bf463f-0"})(["background:none;cursor:default;display:flex;align-items:center;margin-top:0;margin-bottom:0;border:0;outline:none;"," ",":before{color:",";}",":focus{","}",""],(({isPartOfInput:o})=>o&&t(["cursor:pointer;"])),r,(({validationType:o})=>s[o]),r,i(),e);a.defaultProps={validationType:"error",theme:n};export{a as default};
+import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import n from"../../style/themes/apply-base-theme.js";import r from"../../components/icon/icon.style.js";import i from"../../style/utils/add-focus-styling.js";const s={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",warning:"var(--colorsSemanticCaution500)"},a=o.span.attrs(n).withConfig({displayName:"validation-icon.style__ValidationIconStyle",componentId:"sc-91300c1b-0"})(["background:none;cursor:default;display:flex;align-items:center;margin-top:0;margin-bottom:0;border:0;outline:none;"," ",":before{color:",";}",":focus{","}",""],(({isPartOfInput:o})=>o&&t(["cursor:pointer;"])),r,(({validationType:o})=>s[o]),r,i(),e);export{a as default};

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-declare const StyledAccordionGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledAccordionGroup: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 export interface StyledAccordionContainerProps {
     /** Toggles left and right borders, set to none when variant is subtle */
     borders?: "default" | "full" | "none";
@@ -8,7 +10,9 @@ export interface StyledAccordionContainerProps {
     /** Sets accordion variant */
     variant?: "standard" | "subtle";
 }
-declare const StyledAccordionContainer: import("styled-components").StyledComponent<"div", any, StyledAccordionContainerProps, never>;
+declare const StyledAccordionContainer: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledAccordionContainerProps, "theme">;
 interface StyledAccordionTitleProps {
     size?: "large" | "small";
     variant?: "standard" | "subtle";
@@ -31,7 +35,9 @@ interface StyledAccordionTitleContainerProps {
     isExpanded?: boolean;
     variant?: "standard" | "subtle";
 }
-declare const StyledAccordionTitleContainer: import("styled-components").StyledComponent<"div", any, StyledAccordionTitleContainerProps, never>;
+declare const StyledAccordionTitleContainer: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledAccordionTitleContainerProps, "theme">;
 export interface StyledAccordionContentContainerProps {
     isExpanded?: boolean;
     maxHeight?: string | number;

package/esm/components/accordion/accordion.style.js

@@ -1 +1 @@
-import o,{css as i}from"styled-components";import{margin as t,space as n}from"styled-system";import e from"../icon/icon.component.js";import"../../style/themes/sage/index.js";import r from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import a from"../../__internal__/validations/validation-icon.style.js";import s from"../../style/utils/add-focus-styling.js";const d=o.div.withConfig({displayName:"accordion.style__StyledAccordionGroup",componentId:"sc-d6e43b7a-0"})(["",""],t),c=o.div.withConfig({displayName:"accordion.style__StyledAccordionContainer",componentId:"sc-d6e43b7a-1"})([""," display:flex;",";justify-content:center;flex-direction:column;box-sizing:border-box;width:",";color:var(--colorsUtilityYin090);background-color:",";border:1px solid var(--colorsUtilityMajor100);"," "," ",""],n,(({variant:o})=>o&&i(["align-items:stretch;"])),(({width:o})=>o||"100%"),(({variant:o})=>"subtle"!==o?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajorTransparent)"),(({borders:o})=>"default"===o&&i(["border-left:none;border-right:none;"])),(({borders:o})=>"none"===o&&i(["border:none;"])),(({variant:o})=>"subtle"!==o&&i(["& + &{margin-top:-1px;border-top:1px solid var(--colorsUtilityMajor100);border-bottom:1px solid var(--colorsUtilityMajor100);}"]))),l=o.h3.withConfig({displayName:"accordion.style__StyledAccordionTitle",componentId:"sc-d6e43b7a-2"})(["font-size:",";font-weight:500;line-height:1;user-select:none;margin:0;"],(({size:o,variant:i})=>"small"===o||"subtle"===i?"var(--fontSizes200)":"var(--fontSizes400)")),p=o.span.withConfig({displayName:"accordion.style__StyledAccordionSubTitle",componentId:"sc-d6e43b7a-3"})(["margin-top:8px;"]),g=o(e).withConfig({displayName:"accordion.style__StyledAccordionIcon",componentId:"sc-d6e43b7a-4"})(["transition:transform 0.3s;transform:rotate(0deg);margin-right:",";"," color:var(--colorsActionMinor500);"],(({iconAlign:o})=>"left"===o?"var(--spacing200)":"var(--spacing000)"),(({isExpanded:o,iconAlign:i})=>o&&("right"===i?"transform: rotate(180deg);":"transform: rotate(-180deg);"))),m=o.div.withConfig({displayName:"accordion.style__StyledAccordionHeadingsContainer",componentId:"sc-d6e43b7a-5"})(["padding-right:var(--sizing300);",""],(({hasValidationIcon:o})=>i(["display:grid;"," "," ","{height:20px;position:relative;top:2px;}"],o&&i(["grid-template-columns:min-content auto;","{grid-column:span 3;}"],p),!o&&i(["grid-template-rows:auto auto;"]),a))),y=o.div.withConfig({displayName:"accordion.style__StyledAccordionTitleContainer",componentId:"sc-d6e43b7a-6"})(["",""],(({iconAlign:o,size:t,isExpanded:e,variant:r})=>i(["padding:",";"," display:flex;align-items:center;justify-content:space-between;"," cursor:pointer;z-index:1;&:focus{","}"," ",""],"small"===t?"var(--spacing200)":"var(--spacing300)",n,"left"===o&&i(["justify-content:flex-end;flex-direction:row-reverse;"]),s(),"subtle"===r&&i(["color:var(--colorsActionMajor500);padding:var(--spacing025);margin-bottom:",";width:fit-content;","{color:var(--colorsActionMajor500);",";}:hover{color:var(--colorsActionMajor600);","{color:var(--colorsActionMajor600);}}"],e&&"var(--spacing200)",g,"left"===o&&"margin-right: var(--spacing050)",g),"subtle"!==r&&i(["&:hover{background-color:var(--colorsUtilityMajor050);}"])))),v=o.div.withConfig({displayName:"accordion.style__StyledAccordionContentContainer",componentId:"sc-d6e43b7a-7"})(["flex-grow:1;box-sizing:border-box;overflow:hidden;transition:all 0.3s;",""],(({maxHeight:o,isExpanded:t})=>i(["max-height:",";height:",";",""],t?`${o}px`:"0px",t?`${o}px`:"0px",!t&&"\n      visibility: hidden;\n    "))),f=o.div.withConfig({displayName:"accordion.style__StyledAccordionContent",componentId:"sc-d6e43b7a-8"})(["padding:var(--spacing300);padding-top:var(--spacing100);overflow:hidden;"," ",""],(({variant:o})=>"subtle"===o&&i(["margin-left:var(--spacing150);padding:var(--spacing100) var(--spacing200) var(--spacing300);border-left:2px solid var(--colorsUtilityMajor100);"])),(({disableContentPadding:o})=>o&&i(["padding:0;"])));d.defaultProps={theme:r},c.defaultProps={theme:r},y.defaultProps={theme:r};export{c as StyledAccordionContainer,f as StyledAccordionContent,v as StyledAccordionContentContainer,d as StyledAccordionGroup,m as StyledAccordionHeadingsContainer,g as StyledAccordionIcon,p as StyledAccordionSubTitle,l as StyledAccordionTitle,y as StyledAccordionTitleContainer};
+import o,{css as i}from"styled-components";import{margin as t,space as n}from"styled-system";import r from"../icon/icon.component.js";import a from"../../style/themes/apply-base-theme.js";import e from"../../__internal__/validations/validation-icon.style.js";import s from"../../style/utils/add-focus-styling.js";const c=o.div.attrs(a).withConfig({displayName:"accordion.style__StyledAccordionGroup",componentId:"sc-f1b48a4b-0"})(["",""],t),d=o.div.attrs(a).withConfig({displayName:"accordion.style__StyledAccordionContainer",componentId:"sc-f1b48a4b-1"})([""," display:flex;",";justify-content:center;flex-direction:column;box-sizing:border-box;width:",";color:var(--colorsUtilityYin090);background-color:",";border:1px solid var(--colorsUtilityMajor100);"," "," ",""],n,(({variant:o})=>o&&i(["align-items:stretch;"])),(({width:o})=>o||"100%"),(({variant:o})=>"subtle"!==o?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajorTransparent)"),(({borders:o})=>"default"===o&&i(["border-left:none;border-right:none;"])),(({borders:o})=>"none"===o&&i(["border:none;"])),(({variant:o})=>"subtle"!==o&&i(["& + &{margin-top:-1px;border-top:1px solid var(--colorsUtilityMajor100);border-bottom:1px solid var(--colorsUtilityMajor100);}"]))),l=o.h3.withConfig({displayName:"accordion.style__StyledAccordionTitle",componentId:"sc-f1b48a4b-2"})(["font-size:",";font-weight:500;line-height:1;user-select:none;margin:0;"],(({size:o,variant:i})=>"small"===o||"subtle"===i?"var(--fontSizes200)":"var(--fontSizes400)")),p=o.span.withConfig({displayName:"accordion.style__StyledAccordionSubTitle",componentId:"sc-f1b48a4b-3"})(["margin-top:8px;"]),g=o(r).withConfig({displayName:"accordion.style__StyledAccordionIcon",componentId:"sc-f1b48a4b-4"})(["transition:transform 0.3s;transform:rotate(0deg);margin-right:",";"," color:var(--colorsActionMinor500);"],(({iconAlign:o})=>"left"===o?"var(--spacing200)":"var(--spacing000)"),(({isExpanded:o,iconAlign:i})=>o&&("right"===i?"transform: rotate(180deg);":"transform: rotate(-180deg);"))),m=o.div.withConfig({displayName:"accordion.style__StyledAccordionHeadingsContainer",componentId:"sc-f1b48a4b-5"})(["padding-right:var(--sizing300);",""],(({hasValidationIcon:o})=>i(["display:grid;"," "," ","{height:20px;position:relative;top:2px;}"],o&&i(["grid-template-columns:min-content auto;","{grid-column:span 3;}"],p),!o&&i(["grid-template-rows:auto auto;"]),e))),f=o.div.attrs(a).withConfig({displayName:"accordion.style__StyledAccordionTitleContainer",componentId:"sc-f1b48a4b-6"})(["",""],(({iconAlign:o,size:t,isExpanded:r,variant:a})=>i(["padding:",";"," display:flex;align-items:center;justify-content:space-between;"," cursor:pointer;z-index:1;&:focus{","}"," ",""],"small"===t?"var(--spacing200)":"var(--spacing300)",n,"left"===o&&i(["justify-content:flex-end;flex-direction:row-reverse;"]),s(),"subtle"===a&&i(["color:var(--colorsActionMajor500);padding:var(--spacing025);margin-bottom:",";width:fit-content;","{color:var(--colorsActionMajor500);",";}:hover{color:var(--colorsActionMajor600);","{color:var(--colorsActionMajor600);}}"],r&&"var(--spacing200)",g,"left"===o&&"margin-right: var(--spacing050)",g),"subtle"!==a&&i(["&:hover{background-color:var(--colorsUtilityMajor050);}"])))),v=o.div.withConfig({displayName:"accordion.style__StyledAccordionContentContainer",componentId:"sc-f1b48a4b-7"})(["flex-grow:1;box-sizing:border-box;overflow:hidden;transition:all 0.3s;",""],(({maxHeight:o,isExpanded:t})=>i(["max-height:",";height:",";",""],t?`${o}px`:"0px",t?`${o}px`:"0px",!t&&"\n      visibility: hidden;\n    "))),y=o.div.withConfig({displayName:"accordion.style__StyledAccordionContent",componentId:"sc-f1b48a4b-8"})(["padding:var(--spacing300);padding-top:var(--spacing100);overflow:hidden;"," ",""],(({variant:o})=>"subtle"===o&&i(["margin-left:var(--spacing150);padding:var(--spacing100) var(--spacing200) var(--spacing300);border-left:2px solid var(--colorsUtilityMajor100);"])),(({disableContentPadding:o})=>o&&i(["padding:0;"])));export{d as StyledAccordionContainer,y as StyledAccordionContent,v as StyledAccordionContentContainer,c as StyledAccordionGroup,m as StyledAccordionHeadingsContainer,g as StyledAccordionIcon,p as StyledAccordionSubTitle,l as StyledAccordionTitle,f as StyledAccordionTitleContainer};

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 declare const Menu: import("styled-components").StyledComponent<"ul", any, {
+    theme: object;
+} & {
     isOpen: boolean;
     submenuLeft: boolean;
     iconLeft: boolean;
-}, never>;
+}, "theme">;
 declare const StyledMenuItemInnerText: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledMenuItem: import("styled-components").StyledComponent<"button", any, {
     isDisabled: boolean;
@@ -12,7 +14,9 @@ declare const StyledMenuItemWrapper: import("styled-components").StyledComponent
 declare const MenuItemDivider: import("styled-components").StyledComponent<"li", any, {
     "data-element": string;
 }, "data-element">;
-declare const MenuButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const MenuButton: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 declare const ButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 declare const StyledButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const MenuItemIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

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

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import{margin as i}from"styled-system";import n from"../icon/icon.component.js";import e from"../icon/icon.style.js";import r from"../button/button.style.js";import c from"../../style/utils/add-focus-styling.js";import a from"../../style/themes/base/index.js";const s=o.ul.withConfig({displayName:"action-popover.style__Menu",componentId:"sc-2ca14dc-0"})(["visibility:",";display:grid;"," align-items:center;min-width:fit-content;text-align:",";justify-content:",";margin:0;list-style:none;padding:var(--spacing100) 0;box-shadow:var(--boxShadow100);position:absolute;border-radius:var(--borderRadius100);background-color:var(--colorsUtilityYang100);z-index:",';&[data-submenu-placement="top"] &{bottom:calc(-1 * var(--spacing100));top:auto;}&[data-submenu-placement="bottom"] &{top:calc(-1 * var(--spacing100));bottom:auto;}'],(({isOpen:o})=>o?"visible":"hidden"),(({submenuLeft:o,iconLeft:i})=>{const n="[chevron_column] auto",e="[icon_column] auto",r="[text_column] auto";return t(["grid-template-columns:"," "," ",";"],o?n:"",i?`${e} ${r}`:`${r} ${e}`,o?"":n)}),(({iconLeft:o})=>o?"left":"right"),(({iconLeft:o})=>o?"left":"right"),(({theme:o})=>{var t;return`${null===(t=o.zIndex)||void 0===t?void 0:t.popover}`})),l=o.div.withConfig({displayName:"action-popover.style__StyledMenuItemInnerText",componentId:"sc-2ca14dc-1"})(["grid-column:text_column;&:only-child{padding:0;}padding:0 var(--spacing100);"]),d=o.button.withConfig({displayName:"action-popover.style__StyledMenuItem",componentId:"sc-2ca14dc-2"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;align-items:inherit;text-align:inherit;justify-content:inherit;text-decoration:none;background-color:var(--colorsActionMajorYang100);cursor:pointer;box-sizing:border-box;padding:0 var(--spacing150);position:relative;line-height:40px;white-space:nowrap;user-select:none;border:none;color:var(--colorsUtilityYin090);font-size:14px;font-weight:500;&:focus{"," z-index:1;border-radius:var(--borderRadius000);}"," ",""],c(),(({isDisabled:o})=>o&&t(["color:var(--colorsUtilityYin030);cursor:not-allowed;&& ","{cursor:not-allowed;color:var(--colorsUtilityYin030);}:focus{border:none;outline:none;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;}"],e)),(({isDisabled:o})=>!o&&t(["&:focus,&:hover{background-color:var(--colorsUtilityMajor100);}&& ","{cursor:pointer;}"],e)));d.defaultProps={theme:a};const p=o.li.withConfig({displayName:"action-popover.style__StyledMenuItemWrapper",componentId:"sc-2ca14dc-3"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;text-align:inherit;align-items:inherit;justify-content:inherit;position:relative;"]),m=o.li.attrs({"data-element":"action-popover-divider"}).withConfig({displayName:"action-popover.style__MenuItemDivider",componentId:"sc-2ca14dc-4"})(["grid-column:span 3;background-color:var(--colorsUtilityMajor050);height:var(--borderWidth100);margin:var(--spacing100) var(--spacing150);"]),u=o.div.withConfig({displayName:"action-popover.style__MenuButton",componentId:"sc-2ca14dc-5"})(["position:relative;&& ","{cursor:pointer;}width:fit-content;margin:auto;",""],e,i),g=o(n).withConfig({displayName:"action-popover.style__ButtonIcon",componentId:"sc-2ca14dc-6"})(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),v=o.div.withConfig({displayName:"action-popover.style__StyledButtonIcon",componentId:"sc-2ca14dc-7"})(["&:focus{","}border-radius:var(--borderRadius050);"],c()),y=o(n).withConfig({displayName:"action-popover.style__MenuItemIcon",componentId:"sc-2ca14dc-8"})(["justify-content:inherit;grid-column:icon_column;padding:var(--spacing100);color:var(--colorsUtilityYin065);"]);v.defaultProps={theme:a};const h=o(g).withConfig({displayName:"action-popover.style__SubMenuItemIcon",componentId:"sc-2ca14dc-9"})(["grid-column:chevron_column;",""],(({type:o})=>t([""," ",""],"chevron_left_thick"===o&&t(["left:-5px;"]),"chevron_right_thick"===o&&t(["right:-5px;"])))),b=o.div.withConfig({displayName:"action-popover.style__MenuButtonOverrideWrapper",componentId:"sc-2ca14dc-10"})(["","{padding:0px var(--sizing100);width:100%;&:hover,&:focus{background-color:var(--colorsActionMajorTransparent);color:var(--colorsActionMajor600);span[color]{color:var(--colorsActionMajor600);}}}"],r);export{g as ButtonIcon,s as Menu,u as MenuButton,b as MenuButtonOverrideWrapper,m as MenuItemDivider,y as MenuItemIcon,v as StyledButtonIcon,d as StyledMenuItem,l as StyledMenuItemInnerText,p as StyledMenuItemWrapper,h as SubMenuItemIcon};
+import o,{css as t}from"styled-components";import{margin as e}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import n from"../icon/icon.component.js";import r from"../icon/icon.style.js";import a from"../button/button.style.js";import c from"../../style/utils/add-focus-styling.js";const s=o.ul.attrs(i).withConfig({displayName:"action-popover.style__Menu",componentId:"sc-57e29bef-0"})(["visibility:",";display:grid;"," align-items:center;min-width:fit-content;text-align:",";justify-content:",";margin:0;list-style:none;padding:var(--spacing100) 0;box-shadow:var(--boxShadow100);position:absolute;border-radius:var(--borderRadius100);background-color:var(--colorsUtilityYang100);z-index:",';&[data-submenu-placement="top"] &{bottom:calc(-1 * var(--spacing100));top:auto;}&[data-submenu-placement="bottom"] &{top:calc(-1 * var(--spacing100));bottom:auto;}'],(({isOpen:o})=>o?"visible":"hidden"),(({submenuLeft:o,iconLeft:e})=>{const i="[chevron_column] auto",n="[icon_column] auto",r="[text_column] auto";return t(["grid-template-columns:"," "," ",";"],o?i:"",e?`${n} ${r}`:`${r} ${n}`,o?"":i)}),(({iconLeft:o})=>o?"left":"right"),(({iconLeft:o})=>o?"left":"right"),(({theme:o})=>{var t;return`${null===(t=o.zIndex)||void 0===t?void 0:t.popover}`})),l=o.div.withConfig({displayName:"action-popover.style__StyledMenuItemInnerText",componentId:"sc-57e29bef-1"})(["grid-column:text_column;&:only-child{padding:0;}padding:0 var(--spacing100);"]),d=o.button.withConfig({displayName:"action-popover.style__StyledMenuItem",componentId:"sc-57e29bef-2"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;align-items:inherit;text-align:inherit;justify-content:inherit;text-decoration:none;background-color:var(--colorsActionMajorYang100);cursor:pointer;box-sizing:border-box;padding:0 var(--spacing150);position:relative;line-height:40px;white-space:nowrap;user-select:none;border:none;color:var(--colorsUtilityYin090);font-size:14px;font-weight:500;&:focus{"," z-index:1;border-radius:var(--borderRadius000);}"," ",""],c(),(({isDisabled:o})=>o&&t(["color:var(--colorsUtilityYin030);cursor:not-allowed;&& ","{cursor:not-allowed;color:var(--colorsUtilityYin030);}:focus{border:none;outline:none;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;}"],r)),(({isDisabled:o})=>!o&&t(["&:focus,&:hover{background-color:var(--colorsUtilityMajor100);}&& ","{cursor:pointer;}"],r))),p=o.li.withConfig({displayName:"action-popover.style__StyledMenuItemWrapper",componentId:"sc-57e29bef-3"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;text-align:inherit;align-items:inherit;justify-content:inherit;position:relative;"]),m=o.li.attrs({"data-element":"action-popover-divider"}).withConfig({displayName:"action-popover.style__MenuItemDivider",componentId:"sc-57e29bef-4"})(["grid-column:span 3;background-color:var(--colorsUtilityMajor050);height:var(--borderWidth100);margin:var(--spacing100) var(--spacing150);"]),u=o.div.attrs(i).withConfig({displayName:"action-popover.style__MenuButton",componentId:"sc-57e29bef-5"})(["position:relative;&& ","{cursor:pointer;}width:fit-content;margin:auto;",""],r,e),g=o(n).withConfig({displayName:"action-popover.style__ButtonIcon",componentId:"sc-57e29bef-6"})(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),v=o.div.withConfig({displayName:"action-popover.style__StyledButtonIcon",componentId:"sc-57e29bef-7"})(["&:focus{","}border-radius:var(--borderRadius050);"],c()),b=o(n).withConfig({displayName:"action-popover.style__MenuItemIcon",componentId:"sc-57e29bef-8"})(["justify-content:inherit;grid-column:icon_column;padding:var(--spacing100);color:var(--colorsUtilityYin065);"]),y=o(g).withConfig({displayName:"action-popover.style__SubMenuItemIcon",componentId:"sc-57e29bef-9"})(["grid-column:chevron_column;",""],(({type:o})=>t([""," ",""],"chevron_left_thick"===o&&t(["left:-5px;"]),"chevron_right_thick"===o&&t(["right:-5px;"])))),f=o.div.withConfig({displayName:"action-popover.style__MenuButtonOverrideWrapper",componentId:"sc-57e29bef-10"})(["","{padding:0px var(--sizing100);width:100%;&:hover,&:focus{background-color:var(--colorsActionMajorTransparent);color:var(--colorsActionMajor600);span[color]{color:var(--colorsActionMajor600);}}}"],a);export{g as ButtonIcon,s as Menu,u as MenuButton,f as MenuButtonOverrideWrapper,m as MenuItemDivider,b as MenuItemIcon,v as StyledButtonIcon,d as StyledMenuItem,l as StyledMenuItemInnerText,p as StyledMenuItemWrapper,y as SubMenuItemIcon};

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

@@ -2,7 +2,7 @@
 import { MarginProps, PaddingProps } from "styled-system";
 import { SidebarProps } from "../sidebar";
 import { AdaptiveSidebarProps } from "./adaptive-sidebar.component";
-declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, Pick<AdaptiveSidebarProps, "backgroundColor" | "width" | "height" | "borderColor"> & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, Pick<AdaptiveSidebarProps, "backgroundColor" | "height" | "width" | "borderColor"> & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     tabIndex: number;
 }, never>;
 interface StyledSidebarProps extends SidebarProps {

package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.d.ts

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

package/esm/components/advanced-color-picker/advanced-color-picker-cell.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import e from"../../style/themes/base/index.js";import r from"../../style/utils/add-focus-styling.js";const s=o.button.attrs({type:"button"}).withConfig({displayName:"advanced-color-picker-cell.style__StyledAdvancedColorPickerCell",componentId:"sc-813f96c0-0"})(["display:block;width:25px;height:25px;border:1px solid var(--colorsUtilityYin090);"," "," &:hover{cursor:pointer;}&:focus{","}&::-moz-focus-inner{border:none;}"],(({color:o})=>o&&t(["background-color:",";border-radius:var(--borderRadius050);"],o)),(({color:o})=>"transparent"===o&&t(['background:#eee url("data:image/svg+xml,','");background-size:10px 10px;'],"%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20fill-opacity%3D%22.45%22%3E%3Crect%20x%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3Crect%20y%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3C%2Fsvg%3E")),r());s.defaultProps={theme:e};export{s as default};
+import o,{css as t}from"styled-components";import e from"../../style/themes/apply-base-theme.js";import r from"../../style/utils/add-focus-styling.js";const s=o.button.attrs(e).attrs({type:"button"}).withConfig({displayName:"advanced-color-picker-cell.style__StyledAdvancedColorPickerCell",componentId:"sc-5a6db1d6-0"})(["display:block;width:25px;height:25px;border:1px solid var(--colorsUtilityYin090);"," "," &:hover{cursor:pointer;}&:focus{","}&::-moz-focus-inner{border:none;}"],(({color:o})=>o&&t(["background-color:",";border-radius:var(--borderRadius050);"],o)),(({color:o})=>"transparent"===o&&t(['background:#eee url("data:image/svg+xml,','");background-size:10px 10px;'],"%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20fill-opacity%3D%22.45%22%3E%3Crect%20x%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3Crect%20y%3D%22200%22%20width%3D%22200%22%20height%3D%22200%22%20%2F%3E%3C%2Fsvg%3E")),r());export{s as default};

package/esm/components/advanced-color-picker/advanced-color-picker.style.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import StyledAdvancedColorPickerCell from "./advanced-color-picker-cell.style";
-declare const StyledAdvancedColorPickerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledAdvancedColorPickerWrapper: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+}, "theme">;
 /** To be replaced by accessibly hidden class added in FE-5503 */
 declare const HiddenCurrentColorList: import("styled-components").StyledComponent<{
     ({ children, w, dtTextAlign, ddTextAlign, asSingleColumn, ...rest }: import("../definition-list").DlProps): import("react").JSX.Element;

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

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import{margin as e}from"styled-system";export{default as StyledAdvancedColorPickerCell}from"./advanced-color-picker-cell.style.js";import{StyledColorOptions as i}from"../simple-color-picker/simple-color-picker.style.js";import{StyledSimpleColor as t}from"../simple-color-picker/simple-color/simple-color.style.js";import{StyledDialogContent as l}from"../dialog/dialog.style.js";import{Dialog as d}from"../dialog/dialog.component.js";import n from"../icon-button/icon-button.style.js";import s from"../simple-color-picker/simple-color/checker-board.svg";import c from"../../style/themes/base/index.js";import a from"../../style/utils/visually-hidden.js";import p from"../definition-list/dl.component.js";import"../definition-list/dt/dt.component.js";import"../definition-list/dd/dd.component.js";const m=o.div.withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerWrapper",componentId:"sc-a027d762-0"})([""," display:inline-block;"],e),y=o(p).withConfig({displayName:"advanced-color-picker.style__HiddenCurrentColorList",componentId:"sc-a027d762-1"})(["",""],a);m.defaultProps={theme:c};const g=o.div.withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerPreview",componentId:"sc-a027d762-2"})(["width:25px;height:25px;margin-bottom:15px;border:1px solid var(--colorsUtilityYin090);border-radius:var(--borderRadius050);"," "," &:hover{cursor:initial;}"],(({color:o})=>"transparent"!==o&&r(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&r(['background-color:#eeeeee;background-image:url("','");background-size:10px 10px;'],s))),f=o(d).withConfig({displayName:"advanced-color-picker.style__DialogStyle",componentId:"sc-a027d762-3"})(["","{padding:var(--spacing200);}","{max-width:285px;","{border:1px solid var(--colorsUtilityYin090);margin-right:-1px;margin-bottom:-1px;transition:all 0.2s ease;&:hover{transform:scale(1.1);}}}","{border:none;}",'{top:20px;right:13px;}[data-component="icon"]{color:var(--colorsActionMinor500);}'],l,i,t,i,n);export{f as DialogStyle,y as HiddenCurrentColorList,g as StyledAdvancedColorPickerPreview,m as StyledAdvancedColorPickerWrapper};
+import o,{css as r}from"styled-components";import{margin as e}from"styled-system";export{default as StyledAdvancedColorPickerCell}from"./advanced-color-picker-cell.style.js";import{StyledColorOptions as i}from"../simple-color-picker/simple-color-picker.style.js";import{StyledSimpleColor as t}from"../simple-color-picker/simple-color/simple-color.style.js";import{StyledDialogContent as l}from"../dialog/dialog.style.js";import{Dialog as d}from"../dialog/dialog.component.js";import c from"../icon-button/icon-button.style.js";import n from"../simple-color-picker/simple-color/checker-board.svg";import s from"../../style/utils/visually-hidden.js";import a from"../definition-list/dl.component.js";import"../definition-list/dt/dt.component.js";import"../definition-list/dd/dd.component.js";import p from"../../style/themes/apply-base-theme.js";const m=o.div.attrs(p).withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerWrapper",componentId:"sc-a7cde62d-0"})([""," display:inline-block;"],e),y=o(a).withConfig({displayName:"advanced-color-picker.style__HiddenCurrentColorList",componentId:"sc-a7cde62d-1"})(["",""],s),g=o.div.withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerPreview",componentId:"sc-a7cde62d-2"})(["width:25px;height:25px;margin-bottom:15px;border:1px solid var(--colorsUtilityYin090);border-radius:var(--borderRadius050);"," "," &:hover{cursor:initial;}"],(({color:o})=>"transparent"!==o&&r(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&r(['background-color:#eeeeee;background-image:url("','");background-size:10px 10px;'],n))),f=o(d).withConfig({displayName:"advanced-color-picker.style__DialogStyle",componentId:"sc-a7cde62d-3"})(["","{padding:var(--spacing200);}","{max-width:285px;","{border:1px solid var(--colorsUtilityYin090);margin-right:-1px;margin-bottom:-1px;transition:all 0.2s ease;&:hover{transform:scale(1.1);}}}","{border:none;}",'{top:20px;right:13px;}[data-component="icon"]{color:var(--colorsActionMinor500);}'],l,i,t,i,c);export{f as DialogStyle,y as HiddenCurrentColorList,g as StyledAdvancedColorPickerPreview,m as StyledAdvancedColorPickerWrapper};

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

@@ -7,7 +7,9 @@ interface StyledBadgeProps {
     isHovered?: boolean;
 }
 declare const StyledBadge: import("styled-components").StyledComponent<"span", any, {
+    theme: object;
+} & {
     as: import("react").ForwardRefExoticComponent<import("../button").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> | undefined;
-} & StyledBadgeProps, "as">;
+} & StyledBadgeProps, "theme" | "as">;
 declare const StyledCrossIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export { StyledBadge, StyledBadgeWrapper, StyledCrossIcon, StyledCounter };

package/esm/components/badge/badge.style.js

@@ -1 +1 @@
-import n,{css as o}from"styled-components";import e from"../icon/icon.style.js";import t from"../button/button.component.js";import i from"../icon/icon.component.js";import r from"../../style/themes/base/index.js";import{toColor as s}from"../../style/utils/color.js";const a="\n  overflow: hidden;\n  border-radius: var(--borderRadiusCircle);\n  position: absolute;\n  top: -14px;\n  right: -4px;\n  padding: 0;\n  margin-right: 0;\n  background: var(--colorsActionMajorYang100);\n",d=n.div.withConfig({displayName:"badge.style__StyledBadgeWrapper",componentId:"sc-ae720540-0"})(["position:relative;display:inline-block;"]),l=n.div.withConfig({displayName:"badge.style__StyledCounter",componentId:"sc-ae720540-1"})(["font-weight:500;font-size:12px;margin-top:-1px;"]),c=n.span.attrs((({onClick:n})=>({as:n?t:void 0}))).withConfig({displayName:"badge.style__StyledBadge",componentId:"sc-ae720540-2"})([""," cursor:default;align-items:center;display:inline-flex;justify-content:center;width:22px;min-height:22px;border:solid 2px transparent;z-index:2;",";::-moz-focus-inner{border:none;}",""],a,(({color:n,theme:e})=>o(["border-color:",";color:",";"],s(e,n),s(e,n))),(({onClick:n,color:t,theme:i,isFocused:r,isHovered:d})=>o(["",""],n&&`\n      ${a}\n      width: 26px;\n      min-height: 26px;\n      text-align: center;\n\n      ::-moz-focus-inner {\n        border: none;\n      }\n\n      border-color: ${s(i,t)};\n      color: ${s(i,t)};\n\n      ${(r||d)&&`\n        && {\n          background: ${s(i,t)};\n          border: none;\n          ${l} {\n            display: none;\n          }\n\n          ${e} {\n            display: block;\n            width: auto;\n            height: auto;\n            margin-right: 0;\n\n            :before {\n              font-size: 20px;\n              color: var(--colorsActionMajorYang100);\n            }\n          }\n        }\n      `}\n      }\n    `))),p=n(i).withConfig({displayName:"badge.style__StyledCrossIcon",componentId:"sc-ae720540-3"})(["margin:0;display:none;"]);c.defaultProps={theme:r};export{c as StyledBadge,d as StyledBadgeWrapper,l as StyledCounter,p as StyledCrossIcon};
+import n,{css as o}from"styled-components";import e from"../icon/icon.style.js";import t from"../button/button.component.js";import i from"../icon/icon.component.js";import r from"../../style/themes/apply-base-theme.js";import{toColor as s}from"../../style/utils/color.js";const a="\n  overflow: hidden;\n  border-radius: var(--borderRadiusCircle);\n  position: absolute;\n  top: -14px;\n  right: -4px;\n  padding: 0;\n  margin-right: 0;\n  background: var(--colorsActionMajorYang100);\n",d=n.div.withConfig({displayName:"badge.style__StyledBadgeWrapper",componentId:"sc-c6b5a4b6-0"})(["position:relative;display:inline-block;"]),c=n.div.withConfig({displayName:"badge.style__StyledCounter",componentId:"sc-c6b5a4b6-1"})(["font-weight:500;font-size:12px;margin-top:-1px;"]),l=n.span.attrs(r).attrs((({onClick:n})=>({as:n?t:void 0}))).withConfig({displayName:"badge.style__StyledBadge",componentId:"sc-c6b5a4b6-2"})([""," cursor:default;align-items:center;display:inline-flex;justify-content:center;width:22px;min-height:22px;border:solid 2px transparent;z-index:2;",";::-moz-focus-inner{border:none;}",""],a,(({color:n,theme:e})=>o(["border-color:",";color:",";"],s(e,n),s(e,n))),(({onClick:n,color:t,theme:i,isFocused:r,isHovered:d})=>o(["",""],n&&`\n      ${a}\n      width: 26px;\n      min-height: 26px;\n      text-align: center;\n\n      ::-moz-focus-inner {\n        border: none;\n      }\n\n      border-color: ${s(i,t)};\n      color: ${s(i,t)};\n\n      ${(r||d)&&`\n        && {\n          background: ${s(i,t)};\n          border: none;\n          ${c} {\n            display: none;\n          }\n\n          ${e} {\n            display: block;\n            width: auto;\n            height: auto;\n            margin-right: 0;\n\n            :before {\n              font-size: 20px;\n              color: var(--colorsActionMajorYang100);\n            }\n          }\n        }\n      `}\n      }\n    `))),p=n(i).withConfig({displayName:"badge.style__StyledCrossIcon",componentId:"sc-c6b5a4b6-3"})(["margin:0;display:none;"]);export{l as StyledBadge,d as StyledBadgeWrapper,c as StyledCounter,p as StyledCrossIcon};

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

@@ -1,10 +1,12 @@
 import { BoxProps } from "./box.component";
-declare const StyledBox: import("styled-components").StyledComponent<"div", any, BoxProps & {
+declare const StyledBox: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & BoxProps & {
     cssProps?: {
         color?: string | undefined;
         opacity?: string | undefined;
         height?: string | undefined;
         width?: string | undefined;
     } | undefined;
-}, never>;
+}, "theme">;
 export default StyledBox;

package/esm/components/box/box.style.js

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import{space as t,layout as e,flexbox as i,grid as n,position as l}from"styled-system";import s from"../../style/utils/box-gap.js";import c from"../../style/themes/base/index.js";import a from"../../style/utils/color.js";import u from"./box.config.js";function b(o,r,t){return r in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function d(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},e=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(t).filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})))),e.forEach((function(r){b(o,r,t[r])}))}return o}function p(o,r){if(null==o)return{};var t,e,i=function(o,r){if(null==o)return{};var t,e,i={},n=Object.keys(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||(i[t]=o[t]);return i}(o,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(o,t)&&(i[t]=o[t])}return i}const f=o.div.withConfig({displayName:"box.style__StyledBox",componentId:"sc-3cdf6c6d-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";",""],t,e,i,n,(o=>{const r=l(o),{position:t}=r,e=p(r,["position"]);return d({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},e)}),(({borderRadius:o="borderRadius000"})=>r(["border-radius:var(--",");"],o)),(o=>{var{cssProps:r,bg:t,backgroundColor:e}=o,i=p(o,["cssProps","bg","backgroundColor"]);return a(d({color:null==r?void 0:r.color,bg:t,backgroundColor:e},i))}),(({cssProps:o})=>r(["opacity:",";"],null==o?void 0:o.opacity)),(({overflowWrap:o})=>o&&r(["overflow-wrap:",";"],o)),(({cssProps:o,size:t})=>(null==o?void 0:o.height)&&!t&&r(["height:",";"],null==o?void 0:o.height)),(({cssProps:o,size:t})=>(null==o?void 0:o.width)&&!t&&r(["width:",";"],null==o?void 0:o.width)),(({scrollVariant:o})=>o&&r(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],u[o].thumb,u[o].track,u[o].track,u[o].thumb)),(({boxSizing:o})=>o&&r(["box-sizing:",";"],o)),(({display:o,gap:t,columnGap:e,rowGap:i})=>("flex"===o||"inline-flex"===o||"grid"===o||"inline-grid"===o)&&r([""," "," ",""],void 0!==t&&r(["gap:",";"],s(t)),void 0!==e&&r(["column-gap:",";"],s(e)),void 0!==i&&r(["row-gap:",";"],s(i)))),(({boxShadow:o})=>o&&r(["box-shadow:var(--",");"],o)));f.defaultProps={theme:c};export{f as default};
+import o,{css as r}from"styled-components";import{space as t,layout as e,flexbox as i,grid as n,position as l}from"styled-system";import s from"../../style/utils/box-gap.js";import c from"../../style/utils/color.js";import a from"./box.config.js";import b from"../../style/themes/apply-base-theme.js";function u(o,r,t){return r in o?Object.defineProperty(o,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):o[r]=t,o}function p(o){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},e=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(t).filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})))),e.forEach((function(r){u(o,r,t[r])}))}return o}function d(o,r){if(null==o)return{};var t,e,i=function(o,r){if(null==o)return{};var t,e,i={},n=Object.keys(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||(i[t]=o[t]);return i}(o,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);for(e=0;e<n.length;e++)t=n[e],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(o,t)&&(i[t]=o[t])}return i}const f=o.div.attrs(b).withConfig({displayName:"box.style__StyledBox",componentId:"sc-d4565b53-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";",""],t,e,i,n,(o=>{const r=l(o),{position:t}=r,e=d(r,["position"]);return p({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},e)}),(({borderRadius:o="borderRadius000"})=>r(["border-radius:var(--",");"],o)),(o=>{var{cssProps:r,bg:t,backgroundColor:e}=o,i=d(o,["cssProps","bg","backgroundColor"]);return c(p({color:null==r?void 0:r.color,bg:t,backgroundColor:e},i))}),(({cssProps:o})=>r(["opacity:",";"],null==o?void 0:o.opacity)),(({overflowWrap:o})=>o&&r(["overflow-wrap:",";"],o)),(({cssProps:o,size:t})=>(null==o?void 0:o.height)&&!t&&r(["height:",";"],null==o?void 0:o.height)),(({cssProps:o,size:t})=>(null==o?void 0:o.width)&&!t&&r(["width:",";"],null==o?void 0:o.width)),(({scrollVariant:o})=>o&&r(["scrollbar-color:"," ",";&::-webkit-scrollbar{width:8px;}&::-webkit-scrollbar-track{background-color:",";}&::-webkit-scrollbar-thumb{background-color:",";}"],a[o].thumb,a[o].track,a[o].track,a[o].thumb)),(({boxSizing:o})=>o&&r(["box-sizing:",";"],o)),(({display:o,gap:t,columnGap:e,rowGap:i})=>("flex"===o||"inline-flex"===o||"grid"===o||"inline-grid"===o)&&r([""," "," ",""],void 0!==t&&r(["gap:",";"],s(t)),void 0!==e&&r(["column-gap:",";"],s(e)),void 0!==i&&r(["row-gap:",";"],s(i)))),(({boxShadow:o})=>o&&r(["box-shadow:var(--",");"],o)));export{f as default};

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

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

package/esm/components/breadcrumbs/breadcrumbs.style.js

@@ -1 +1 @@
-import e from"styled-components";import{space as s}from"styled-system";import t from"../../style/themes/base/index.js";const o=e.nav.withConfig({displayName:"breadcrumbs.style__StyledBreadcrumbs",componentId:"sc-368af004-0"})([""," ol{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;}"],s);o.defaultProps={theme:t};export{o as default};
+import e from"styled-components";import{space as t}from"styled-system";import s from"../../style/themes/apply-base-theme.js";const a=e.nav.attrs(s).withConfig({displayName:"breadcrumbs.style__StyledBreadcrumbs",componentId:"sc-a551a1d9-0"})([""," ol{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;}"],t);export{a as default};

package/esm/components/button/button.component.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e,Fragment as o}from"react/jsx-runtime";import i,{useContext as n,useState as r,useCallback as l}from"react";import a from"invariant";import c from"../icon/icon.component.js";import s,{StyledButtonMainText as b,StyledButtonSubtext as p}from"./button.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{TooltipProvider as d}from"../../__internal__/tooltip-provider/index.js";import f from"../button-bar/__internal__/button-bar.context.js";import y from"../split-button/__internal__/split-button.context.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function h(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function g(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),i.forEach((function(e){h(t,e,o[e])}))}return t}function O(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})),t}function j({iconType:i,iconPosition:n,size:r,subtext:l,children:a,disabled:s,buttonType:u,iconTooltipMessage:f,iconTooltipPosition:y,tooltipTarget:m}){const h={"aria-hidden":!0,disabled:s,color:"primary"===u?"--colorsActionMajorYang100":u.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},j=void 0!==a&&!1!==a;return e(o,{children:[i&&"before"===n&&j&&t(c,g({type:i},h)),j&&e("span",{children:[t(b,{"data-element":"main-text",children:a}),"large"===r&&t(p,{"data-element":"subtext","data-role":"subtext",children:l})]}),i&&!j&&t(d,{disabled:s,focusable:!1,target:m,children:t(c,O(g({type:i},h),{tooltipMessage:f,tooltipPosition:y}))}),i&&"after"===n&&a&&t(c,g({type:i},h))]})}const P=i.forwardRef(((e,o)=>{var{"aria-describedby":i,"aria-label":c,"aria-labelledby":b,buttonType:p="secondary",children:d,destructive:h=!1,disabled:P=!1,isWhite:v=!1,fullWidth:T=!1,href:_,iconPosition:x="before",iconTooltipMessage:w,iconTooltipPosition:k,iconType:W,m:M=0,noWrap:S,onClick:D,px:z,rel:C,size:E="medium",subtext:A="",target:B}=e,Y=function(t,e){if(null==t)return{};var o,i,n=function(t,e){if(null==t)return{};var o,i,n={},r=Object.keys(t);for(i=0;i<r.length;i++)o=r[i],e.indexOf(o)>=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)o=r[i],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(e,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:I,size:K,iconPosition:N,fullWidth:R}=n(f),{batchSelectionDisabled:q}=n(m),F=I||p,G=K||E,H=N||x,J=R||T,L=P||q;a(void 0!==d||!!W,"Either prop `iconType` must be defined or this node must have children."),A&&a("large"===G,"subtext prop has no effect unless the button is large.");const[Q,U]=r(null),{inSplitButton:V,onChildButtonClick:X}=n(y);let Z;switch(G){case"small":Z=2;break;case"large":Z=4;break;default:Z=3}const $=l((t=>{U(t),o&&("object"==typeof o&&(o.current=t),"function"==typeof o&&o(t))}),[o]),tt=void 0!==d&&!1!==d;return t(s,O(g({"aria-label":!tt&&W?c||W:c,"aria-labelledby":b,"aria-describedby":i,as:!L&&_?"a":"button",onKeyDown:_?t=>{" "===t.key&&(t.preventDefault(),null==Q||Q.click())}:void 0,onClick:t=>{var e;null==Q||Q.focus(),V?null==X||null===(e=X(D))||void 0===e||e(t):D&&D(t)},draggable:!1,buttonType:F,disabled:L,destructive:h,isWhite:v,type:_?void 0:"button",iconType:W,size:G,px:null!=z?z:Z,m:M,noWrap:S,iconOnly:!tt&&!!W,iconPosition:H,target:B,rel:C,fullWidth:J},u("button",Y),Y,_&&{href:_}),{ref:$,children:j({iconType:W,iconPosition:H,size:G,subtext:A,children:d,disabled:L,buttonType:F,iconTooltipMessage:w,iconTooltipPosition:k,tooltipTarget:Q})}))}));P.displayName="Button";export{P as default};
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import i,{useContext as n,useState as r,useCallback as l}from"react";import a from"invariant";import c from"../icon/icon.component.js";import s,{StyledButtonMainText as p,StyledButtonSubtext as b}from"./button.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{TooltipProvider as d}from"../../__internal__/tooltip-provider/index.js";import f from"../button-bar/__internal__/button-bar.context.js";import y from"../split-button/__internal__/split-button.context.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function h(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),i.forEach((function(t){h(e,t,o[t])}))}return e}function O(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}function j({iconType:i,iconPosition:n,size:r,subtext:l,children:a,disabled:s,buttonType:u,iconTooltipMessage:f,iconTooltipPosition:y,tooltipTarget:m}){const h={"aria-hidden":!0,disabled:s,color:"primary"===u?"--colorsActionMajorYang100":u.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},j=void 0!==a&&!1!==a;return t(o,{children:[i&&"before"===n&&j&&e(c,g({type:i},h)),j&&t("span",{children:[e(p,{"data-element":"main-text",children:a}),"large"===r&&e(b,{"data-element":"subtext","data-role":"subtext",children:l})]}),i&&!j&&e(d,{disabled:s,focusable:!1,target:m,children:e(c,O(g({type:i},h),{tooltipMessage:f,tooltipPosition:y}))}),i&&"after"===n&&a&&e(c,g({type:i},h))]})}const v=i.forwardRef(((t,o)=>{var{"aria-describedby":i,"aria-label":c,"aria-labelledby":p,buttonType:b="secondary",children:d,destructive:h=!1,disabled:v=!1,isWhite:P=!1,fullWidth:T=!1,href:_,iconPosition:x="before",iconTooltipMessage:w,iconTooltipPosition:k,iconType:W,m:S=0,noWrap:M,onClick:D,px:z,rel:C,size:E="medium",subtext:A="",target:B}=t,Y=function(e,t){if(null==e)return{};var o,i,n=function(e,t){if(null==e)return{};var o,i,n={},r=Object.keys(e);for(i=0;i<r.length;i++)o=r[i],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)o=r[i],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(t,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:I,size:K,iconPosition:N,fullWidth:R}=n(f),{batchSelectionDisabled:q}=n(m),F=I||b,G=K||E,H=N||x,J=R||T,L=v||q;a(void 0!==d||!!W,"Either prop `iconType` must be defined or this node must have children."),A&&a("large"===G,"subtext prop has no effect unless the button is large.");const[Q,U]=r(null),{inSplitButton:V,onChildButtonClick:X}=n(y);let Z;switch(G){case"small":Z=2;break;case"large":Z=4;break;default:Z=3}const $=l((e=>{U(e),o&&("object"==typeof o&&(o.current=e),"function"==typeof o&&o(e))}),[o]),ee=void 0!==d&&!1!==d;return e(s,O(g({"aria-label":!ee&&W?c||W:c,"aria-labelledby":p,"aria-describedby":i,as:!L&&_?"a":"button",onKeyDown:_?e=>{" "===e.key&&(e.preventDefault(),null==Q||Q.click())}:void 0,onClick:e=>{var t;null==Q||Q.focus({preventScroll:!0}),V?null==X||null===(t=X(D))||void 0===t||t(e):D&&D(e)},draggable:!1,buttonType:F,disabled:L,destructive:h,isWhite:P,type:_?void 0:"button",iconType:W,size:G,px:null!=z?z:Z,m:S,noWrap:M,iconOnly:!ee&&!!W,iconPosition:H,target:B,rel:C,fullWidth:J},u("button",Y),Y,_&&{href:_}),{ref:$,children:j({iconType:W,iconPosition:H,size:G,subtext:A,children:d,disabled:L,buttonType:F,iconTooltipMessage:w,iconTooltipPosition:k,tooltipTarget:Q})}))}));v.displayName="Button";export{v as default};

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

@@ -1,9 +1,11 @@
 import { SpaceProps } from "styled-system";
 import { ButtonProps } from "./button.component";
-declare const StyledButton: import("styled-components").StyledComponent<"button", any, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<ButtonProps, "buttonType"> & {
+declare const StyledButton: import("styled-components").StyledComponent<"button", any, {
+    theme: object;
+} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Omit<ButtonProps, "buttonType"> & {
     iconOnly?: boolean | undefined;
     buttonType: Required<ButtonProps>["buttonType"];
-}, never>;
+}, "theme">;
 export declare const StyledButtonSubtext: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StyledButtonMainText: import("styled-components").StyledComponent<"span", any, {}, never>;
 export default StyledButton;

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

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{space as n}from"styled-system";import i from"../icon/icon.style.js";import o from"../../style/themes/base/index.js";import s from"../../style/utils/add-focus-styling.js";import r from"./button-types.style.js";function a({iconOnly:t,disabled:n,buttonType:i,size:o,destructive:s,isWhite:a}){return e(["",";"," "," "," ",""],r(n,s,a)[i],"small"===o&&e(["font-size:var(--fontSizes100);min-height:32px;"]),"medium"===o&&e(["font-size:var(--fontSizes100);min-height:40px;"]),"large"===o&&e(["font-size:var(--fontSizes200);min-height:48px;"]),t&&function(t){let e="";switch(t){case"small":e="32px";break;case"large":e="48px";break;default:e="40px"}return`\n    padding: 0px; \n    width: ${e}; \n    min-height: ${e};\n  `}(o))}const l=t.button.withConfig({displayName:"button.style__StyledButton",componentId:"sc-b77f372-0"})([""," "," "," ",""],n,(({disabled:t,noWrap:n})=>e(["align-items:center;cursor:",";display:inline-flex;",";justify-content:center;vertical-align:middle;outline-offset:0;border:2px solid transparent;box-sizing:border-box;font-weight:500;text-decoration:none;border-radius:var(--borderRadius400);&:focus{","}",""],t?"not-allowed":"pointer",n?"white-space: nowrap":"flex-flow: wrap",s(),a)),(({fullWidth:t})=>t&&e(["width:100%;"])),(({iconOnly:t,iconPosition:n,iconType:o})=>e(["","{"," "," height:",";width:20px;svg{margin-top:0;}}"],i,t&&e(["margin-left:auto;margin-right:auto;margin-bottom:1px;"]),!t&&e(["margin-bottom:0px;"," ",""],"after"===n&&"\n          margin-left: var(--spacing100);\n          margin-right: 0px;\n        ","before"===n&&"\n          margin-left: 0px;\n          margin-right: var(--spacing100);\n        "),function(t){return"services"===t?"6px":"20px"}(o)))),p=t.span.withConfig({displayName:"button.style__StyledButtonSubtext",componentId:"sc-b77f372-1"})(["font-size:14px;font-weight:400;display:block;"]),m=t.span.withConfig({displayName:"button.style__StyledButtonMainText",componentId:"sc-b77f372-2"})(["display:flex;align-items:center;"]);l.defaultProps={theme:o};export{m as StyledButtonMainText,p as StyledButtonSubtext,l as default};
+import t,{css as e}from"styled-components";import{space as n}from"styled-system";import i from"../icon/icon.style.js";import o from"../../style/themes/apply-base-theme.js";import s from"../../style/utils/add-focus-styling.js";import r from"./button-types.style.js";function a({iconOnly:t,disabled:n,buttonType:i,size:o,destructive:s,isWhite:a}){return e(["",";"," "," "," ",""],r(n,s,a)[i],"small"===o&&e(["font-size:var(--fontSizes100);min-height:32px;"]),"medium"===o&&e(["font-size:var(--fontSizes100);min-height:40px;"]),"large"===o&&e(["font-size:var(--fontSizes200);min-height:48px;"]),t&&function(t){let e="";switch(t){case"small":e="32px";break;case"large":e="48px";break;default:e="40px"}return`\n    padding: 0px; \n    width: ${e}; \n    min-height: ${e};\n  `}(o))}const l=t.button.attrs(o).withConfig({displayName:"button.style__StyledButton",componentId:"sc-7eccfb5e-0"})([""," "," "," ",""],n,(({disabled:t,noWrap:n})=>e(["align-items:center;cursor:",";display:inline-flex;",";justify-content:center;vertical-align:middle;outline-offset:0;border:2px solid transparent;box-sizing:border-box;font-weight:500;text-decoration:none;border-radius:var(--borderRadius400);&:focus{","}",""],t?"not-allowed":"pointer",n?"white-space: nowrap":"flex-flow: wrap",s(),a)),(({fullWidth:t})=>t&&e(["width:100%;"])),(({iconOnly:t,iconPosition:n,iconType:o})=>e(["","{"," "," height:",";width:20px;svg{margin-top:0;}}"],i,t&&e(["margin-left:auto;margin-right:auto;margin-bottom:1px;"]),!t&&e(["margin-bottom:0px;"," ",""],"after"===n&&"\n          margin-left: var(--spacing100);\n          margin-right: 0px;\n        ","before"===n&&"\n          margin-left: 0px;\n          margin-right: var(--spacing100);\n        "),function(t){return"services"===t?"6px":"20px"}(o)))),p=t.span.withConfig({displayName:"button.style__StyledButtonSubtext",componentId:"sc-7eccfb5e-1"})(["font-size:14px;font-weight:400;display:block;"]),m=t.span.withConfig({displayName:"button.style__StyledButtonMainText",componentId:"sc-7eccfb5e-2"})(["display:flex;align-items:center;"]);export{m as StyledButtonMainText,p as StyledButtonSubtext,l as default};

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

@@ -1,4 +1,6 @@
 import { SpaceProps } from "styled-system";
 import { ButtonBarProps } from "./button-bar.component";
-declare const StyledButtonBar: import("styled-components").StyledComponent<"div", any, SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Pick<ButtonBarProps, "size" | "fullWidth">, never>;
+declare const StyledButtonBar: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & Pick<ButtonBarProps, "size" | "fullWidth">, "theme">;
 export default StyledButtonBar;

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

@@ -1 +1 @@
-import o,{css as r}from"styled-components";import{space as t}from"styled-system";import i from"../../style/themes/base/index.js";import d from"../icon/icon.style.js";import e from"../icon-button/icon-button.style.js";const s=o.div.withConfig({displayName:"button-bar.style__StyledButtonBar",componentId:"sc-f257d590-0"})([""," ",""],t,(({fullWidth:o,size:t})=>r([""," button{margin:0;position:relative;&:not(:first-child):not(:last-child){border-radius:var(--borderRadius000);}&:first-child:not(:last-child){border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}&:last-child:not(:first-child){border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);}&:not(:first-of-type){margin-left:-2px;}&:not(:disabled){z-index:1;}&:hover:not(:disabled){z-index:2;}&:focus{z-index:3;}}",":not(:disabled){border:2px solid var(--colorsActionMajor500);&:focus{border-right-color:var(--colorsActionMajor500);}&:hover{background-color:var(--colorsActionMajor600);border-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);}","{color:var(--colorsActionMajor500);&:hover{color:var(--colorsActionMajorYang100);}}}",":disabled{border:2px solid var(--colorsActionDisabled500);}"],o&&r(["width:100%;display:flex;button{box-sizing:content-box;padding:0;width:100%;"," "," ","}"],"small"===t&&"min-height: 28px","medium"===t&&"min-height: 36px","large"===t&&"min-height: 44px"),e,d,e)));s.defaultProps={theme:i,size:"medium"};export{s as default};
+import o,{css as r}from"styled-components";import{space as t}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import d from"../icon/icon.style.js";import s from"../icon-button/icon-button.style.js";const a=o.div.attrs(i).withConfig({displayName:"button-bar.style__StyledButtonBar",componentId:"sc-488d349-0"})([""," ",""],t,(({fullWidth:o,size:t})=>r([""," button{margin:0;position:relative;&:not(:first-child):not(:last-child){border-radius:var(--borderRadius000);}&:first-child:not(:last-child){border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}&:last-child:not(:first-child){border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);}&:not(:first-of-type){margin-left:-2px;}&:not(:disabled){z-index:1;}&:hover:not(:disabled){z-index:2;}&:focus{z-index:3;}}",":not(:disabled){border:2px solid var(--colorsActionMajor500);&:focus{border-right-color:var(--colorsActionMajor500);}&:hover{background-color:var(--colorsActionMajor600);border-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);}","{color:var(--colorsActionMajor500);&:hover{color:var(--colorsActionMajorYang100);}}}",":disabled{border:2px solid var(--colorsActionDisabled500);}"],o&&r(["width:100%;display:flex;button{box-sizing:content-box;padding:0;width:100%;"," "," ","}"],"small"===t&&"min-height: 28px","medium"===t&&"min-height: 36px","large"===t&&"min-height: 44px"),s,d,s)));export{a as default};

package/esm/components/button-toggle/button-toggle-group/button-toggle-group.style.d.ts

@@ -1,4 +1,8 @@
 import { ButtonToggleGroupProps } from ".";
 type StyledButtonToggleGroupProps = Pick<ButtonToggleGroupProps, "inputWidth" | "fullWidth" | "disabled" | "labelInline">;
-declare const StyledButtonToggleGroup: import("styled-components").StyledComponent<"div", any, StyledButtonToggleGroupProps, never>;
+declare const StyledButtonToggleGroup: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & {
+    type: string;
+} & StyledButtonToggleGroupProps, "theme" | "type">;
 export default StyledButtonToggleGroup;

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

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{margin as o}from"styled-system";import"../../../style/themes/sage/index.js";import s from"../../../style/themes/base/index.js";import"../../../style/themes/none/index.js";import{StyledButtonToggle as i,StyledButtonToggleWrapper as d}from"../button-toggle.style.js";const p=t.div.withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"sc-c5ffb70e-0"})([""," display:flex;box-shadow:inset 0px 0px 0px 1px var(--colorsActionMinor500);border-radius:var(--borderRadius100);padding:4px;gap:4px;width:fit-content;height:fit-content;flex-wrap:",";"," "," ",""],o,(({labelInline:t})=>t?"nowrap":"wrap"),(({disabled:t})=>t&&e(["cursor:not-allowed;box-shadow:inset 0px 0px 0px 1px var(--colorsActionDisabled600);"])),(({fullWidth:t})=>t&&e(["width:100%;","{width:100%;}","{flex:auto;}"],i,d)),(({inputWidth:t})=>t&&e(["width:",";"],`${t}%`)));p.defaultProps={theme:s};export{p as default};
+import t,{css as o}from"styled-components";import{margin as e}from"styled-system";import i from"../../../style/themes/apply-base-theme.js";import{StyledButtonToggle as p,StyledButtonToggleWrapper as s}from"../button-toggle.style.js";const r=t.div.attrs(i).attrs({type:"button"}).withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"sc-2a42cbae-0"})([""," display:flex;box-shadow:inset 0px 0px 0px 1px var(--colorsActionMinor500);border-radius:var(--borderRadius100);padding:4px;gap:4px;width:fit-content;height:fit-content;flex-wrap:",";"," "," ",""],e,(({labelInline:t})=>t?"nowrap":"wrap"),(({disabled:t})=>t&&o(["cursor:not-allowed;box-shadow:inset 0px 0px 0px 1px var(--colorsActionDisabled600);"])),(({fullWidth:t})=>t&&o(["width:100%;","{width:100%;}","{flex:auto;}"],p,s)),(({inputWidth:t})=>t&&o(["width:",";"],`${t}%`)));export{r as default};

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

@@ -28,7 +28,9 @@ export interface StyledButtonToggleProps {
     /** Allow button to be deselected when already selected */
     allowDeselect?: boolean;
 }
-declare const StyledButtonToggle: import("styled-components").StyledComponent<"button", any, StyledButtonToggleProps, never>;
+declare const StyledButtonToggle: import("styled-components").StyledComponent<"button", any, {
+    theme: object;
+} & StyledButtonToggleProps, "theme">;
 export interface StyledButtonToggleIconProps {
     /** Sets the size of the buttonIcon (eg. large) */
     buttonIconSize?: ButtonToggleIconSizes;

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

@@ -1 +1 @@
-import o,{css as i}from"styled-components";import r from"../icon/icon.style.js";import n from"../../style/themes/base/index.js";import t from"../../style/utils/add-focus-styling.js";const e={small:24,medium:32,large:40},a={small:14,medium:14,large:16},l={small:8,medium:8,large:12},s={small:72,medium:88,large:120},c={small:"var(--spacing100)",medium:"var(--spacing100) var(--spacing150) var(--spacing000)",large:"var(--spacing100) var(--spacing300)"},g=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleContentWrapper",componentId:"sc-3bc164a0-0"})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:wrap;"]),d=o.button.withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-3bc164a0-1"})(["display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;max-width:100%;font-weight:500;background-color:transparent;cursor:pointer;text-align:center;color:var(--colorsActionMinor500);border:none;","{color:var(--colorsActionMinor500);height:var(--sizing250);width:var(--sizing250);}"," "," &:focus{"," z-index:100;}&:not(:disabled):hover{background-color:var(--colorsActionMinor600);color:var(--colorsActionMinorYang100);",'{color:var(--colorsActionMinorYang100);}}&[aria-pressed="true"]{background-color:var(--colorsActionMinor850);color:var(--colorsActionMinorYang100);',"{color:var(--colorsActionMinorYang100);}","}",""],r,(({size:o})=>i(["min-height:","px;padding:0 ","px;font-size:","px;"],e[o],l[o],a[o])),(({buttonIcon:o,buttonIconSize:r,size:n})=>o&&"large"===r&&i(["min-height:","px;padding:",";flex-direction:column;"],s[n],c[n])),t(),r,r,(({allowDeselect:o})=>!o&&i(["cursor:auto;"])),(({disabled:o})=>o&&i(["cursor:not-allowed;&{color:var(--colorsActionMinorYin030);",'{color:var(--colorsActionMinorYin030);}}&[aria-pressed="true"]{cursor:not-allowed;background-color:var(--colorsActionMinorYin030);}'],r))),m=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleIcon",componentId:"sc-3bc164a0-2"})([""," ",""],(({hasContent:o})=>o&&"margin-right: 8px;"),(({buttonIconSize:o})=>"large"===o&&i(["margin-right:0;","{margin-left:0;margin-right:0;margin-bottom:8px;height:var(--sizing400);width:var(--sizing400);}","::before{font-size:var(--sizing400);line-height:var(--sizing400);}.carbon-icon__svg--credit-card-slash{margin-left:6px;}"],r,r)));d.defaultProps={theme:n};const p=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleWrapper",componentId:"sc-3bc164a0-3"})(["display:inline-block;vertical-align:middle;&&&&{","{border-radius:var(--borderRadius050);}}"],d);export{d as StyledButtonToggle,g as StyledButtonToggleContentWrapper,m as StyledButtonToggleIcon,p as StyledButtonToggleWrapper,a as fontSizeConfig,e as heightConfig,l as paddingConfig};
+import o,{css as i}from"styled-components";import r from"../icon/icon.style.js";import n from"../../style/themes/apply-base-theme.js";import t from"../../style/utils/add-focus-styling.js";const e={small:24,medium:32,large:40},a={small:14,medium:14,large:16},l={small:8,medium:8,large:12},s={small:72,medium:88,large:120},c={small:"var(--spacing100)",medium:"var(--spacing100) var(--spacing150) var(--spacing000)",large:"var(--spacing100) var(--spacing300)"},g=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleContentWrapper",componentId:"sc-71ea6e06-0"})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:wrap;"]),d=o.button.attrs(n).withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-71ea6e06-1"})(["display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;max-width:100%;font-weight:500;background-color:transparent;cursor:pointer;text-align:center;color:var(--colorsActionMinor500);border:none;","{color:var(--colorsActionMinor500);height:var(--sizing250);width:var(--sizing250);}"," "," &:focus{"," z-index:100;}&:not(:disabled):hover{background-color:var(--colorsActionMinor600);color:var(--colorsActionMinorYang100);",'{color:var(--colorsActionMinorYang100);}}&[aria-pressed="true"]{background-color:var(--colorsActionMinor850);color:var(--colorsActionMinorYang100);',"{color:var(--colorsActionMinorYang100);}","}",""],r,(({size:o})=>i(["min-height:","px;padding:0 ","px;font-size:","px;"],e[o],l[o],a[o])),(({buttonIcon:o,buttonIconSize:r,size:n})=>o&&"large"===r&&i(["min-height:","px;padding:",";flex-direction:column;"],s[n],c[n])),t(),r,r,(({allowDeselect:o})=>!o&&i(["cursor:auto;"])),(({disabled:o})=>o&&i(["cursor:not-allowed;&{color:var(--colorsActionMinorYin030);",'{color:var(--colorsActionMinorYin030);}}&[aria-pressed="true"]{cursor:not-allowed;background-color:var(--colorsActionMinorYin030);}'],r))),m=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleIcon",componentId:"sc-71ea6e06-2"})([""," ",""],(({hasContent:o})=>o&&"margin-right: 8px;"),(({buttonIconSize:o})=>"large"===o&&i(["margin-right:0;","{margin-left:0;margin-right:0;margin-bottom:8px;height:var(--sizing400);width:var(--sizing400);}","::before{font-size:var(--sizing400);line-height:var(--sizing400);}.carbon-icon__svg--credit-card-slash{margin-left:6px;}"],r,r))),p=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleWrapper",componentId:"sc-71ea6e06-3"})(["display:inline-block;vertical-align:middle;&&&&{","{border-radius:var(--borderRadius050);}}"],d);export{d as StyledButtonToggle,g as StyledButtonToggleContentWrapper,m as StyledButtonToggleIcon,p as StyledButtonToggleWrapper,a as fontSizeConfig,e as heightConfig,l as paddingConfig};

package/esm/components/card/card-row/card-row.style.d.ts

@@ -3,5 +3,7 @@ import { CardRowProps } from "./card-row.component";
 export interface StyledCardRowProps extends CardRowProps {
     spacing: CardSpacing;
 }
-declare const StyledCardRow: import("styled-components").StyledComponent<"div", any, StyledCardRowProps, never>;
+declare const StyledCardRow: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledCardRowProps, "theme">;
 export default StyledCardRow;

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

@@ -1 +1 @@
-import t,{css as a}from"styled-components";import{padding as o}from"styled-system";import p from"../../../style/themes/base/index.js";const s={small:"var(--spacing200)",medium:"var(--spacing300)",large:"var(--spacing400)"},e=t.div.withConfig({displayName:"card-row.style__StyledCardRow",componentId:"sc-183c4116-0"})(["display:flex;"," &:first-of-type:not(:only-of-type){padding-top:var(--spacing000);padding-bottom:var(--spacing000);}&:only-of-type{padding-top:var(--spacing000);}&&{","}"],(({spacing:t})=>a(["padding-top:",";padding-bottom:",";"],s[t],s[t])),o);e.defaultProps={theme:p};export{e as default};
+import t,{css as a}from"styled-components";import{padding as o}from"styled-system";import p from"../../../style/themes/apply-base-theme.js";const s={small:"var(--spacing200)",medium:"var(--spacing300)",large:"var(--spacing400)"},e=t.div.attrs(p).withConfig({displayName:"card-row.style__StyledCardRow",componentId:"sc-922ff5ec-0"})(["display:flex;"," &:first-of-type:not(:only-of-type){padding-top:var(--spacing000);padding-bottom:var(--spacing000);}&:only-of-type{padding-top:var(--spacing000);}&&{","}"],(({spacing:t})=>a(["padding-top:",";padding-bottom:",";"],s[t],s[t])),o);export{e as default};

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

@@ -22,7 +22,9 @@ export interface StyledCardProps extends MarginProps, Pick<CardContextProps, "ro
     boxShadow?: BoxShadowsType;
     hoverBoxShadow?: BoxShadowsType;
 }
-declare const StyledCard: import("styled-components").StyledComponent<"div", any, StyledCardProps, never>;
+declare const StyledCard: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledCardProps, "theme">;
 interface StyledCardContentProps extends Pick<CardContextProps, "roundness" | "spacing"> {
     interactive?: boolean;
     href?: string;
@@ -31,6 +33,8 @@ interface StyledCardContentProps extends Pick<CardContextProps, "roundness" | "s
     rel?: string;
 }
 declare const StyledCardContent: import("styled-components").StyledComponent<"div", any, ({
+    theme: object;
+} & ({
     as: string;
     role?: undefined;
     type?: undefined;
@@ -42,5 +46,5 @@ declare const StyledCardContent: import("styled-components").StyledComponent<"di
     as?: undefined;
     role?: undefined;
     type?: undefined;
-}) & StyledCardContentProps, "type" | "role" | "as">;
+})) & StyledCardContentProps, "theme" | "type" | "role" | "as">;
 export { StyledCard, StyledCardContent };

package/esm/components/card/card.style.js

@@ -1 +1 @@
-import r,{css as o}from"styled-components";import{margin as e}from"styled-system";import t from"../../style/themes/base/index.js";import a from"../../style/utils/add-focus-styling.js";const i={small:"0 var(--spacing300)",medium:"0 var(--spacing400)",large:"0 var(--spacing600)"},d={small:"0 -24px",medium:"0 -32px",large:"0 -48px"},s=r.div.withConfig({displayName:"card.style__StyledCard",componentId:"sc-6991fbc5-0"})(["",""],(({cardWidth:r,interactive:t,draggable:a,height:d,spacing:s,boxShadow:n="boxShadow050",hoverBoxShadow:l="boxShadow100",roundness:u})=>o(["background-color:var(--colorsUtilityYang100);border:none;border-radius:",";box-shadow:var(--",");color:var(--colorsUtilityYin090);display:flex;flex-direction:column;height:",";justify-content:space-between;align-items:normal;margin:25px;outline:none;padding:",";transition:all 0.3s ease-in-out;vertical-align:top;width:",";"," "," "," ::-moz-focus-inner{border:0;}"],"default"===u?"var(--borderRadius100)":"var(--borderRadius200)",n,d,i[s],r,e,t&&o([":hover,:focus{box-shadow:var(--",");}"],l),a&&o(["cursor:move;"])))),n=r.div.attrs((({href:r,onClick:o})=>r?{as:"a"}:o?{as:"button",role:"button",type:"button"}:{})).withConfig({displayName:"card.style__StyledCardContent",componentId:"sc-6991fbc5-1"})([""," align-items:stretch;outline:none;text-decoration:none;background-color:inherit;border:none;padding:0;"," ",""],(({interactive:r})=>r&&o(["cursor:pointer;display:inline-flex;flex-direction:column;height:100%;:focus{",";position:relative;}"],a())),(({spacing:r})=>`\n    padding: ${i[r]};\n    margin: ${d[r]};\n  `),(({roundness:r,hasFooter:e})=>o([""," ",""],"default"===r&&o(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);",""],!e&&o(["border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);"])),"default"!==r&&o(["border-top-left-radius:var(--borderRadius200);border-top-right-radius:var(--borderRadius200);",""],!e&&o(["border-bottom-left-radius:var(--borderRadius200);border-bottom-right-radius:var(--borderRadius200);"])))));s.defaultProps={theme:t},n.defaultProps={theme:t};export{s as StyledCard,n as StyledCardContent,d as marginSizes,i as paddingSizes};
+import r,{css as o}from"styled-components";import{margin as e}from"styled-system";import a from"../../style/themes/apply-base-theme.js";import t from"../../style/utils/add-focus-styling.js";const i={small:"0 var(--spacing300)",medium:"0 var(--spacing400)",large:"0 var(--spacing600)"},d={small:"0 -24px",medium:"0 -32px",large:"0 -48px"},s=r.div.attrs(a).withConfig({displayName:"card.style__StyledCard",componentId:"sc-4237fca-0"})(["",""],(({cardWidth:r,interactive:a,draggable:t,height:d,spacing:s,boxShadow:n="boxShadow050",hoverBoxShadow:l="boxShadow100",roundness:u})=>o(["background-color:var(--colorsUtilityYang100);border:none;border-radius:",";box-shadow:var(--",");color:var(--colorsUtilityYin090);display:flex;flex-direction:column;height:",";justify-content:space-between;align-items:normal;margin:25px;outline:none;padding:",";transition:all 0.3s ease-in-out;vertical-align:top;width:",";"," "," "," ::-moz-focus-inner{border:0;}"],"default"===u?"var(--borderRadius100)":"var(--borderRadius200)",n,d,i[s],r,e,a&&o([":hover,:focus{box-shadow:var(--",");}"],l),t&&o(["cursor:move;"])))),n=r.div.attrs(a).attrs((({href:r,onClick:o})=>r?{as:"a"}:o?{as:"button",role:"button",type:"button"}:{})).withConfig({displayName:"card.style__StyledCardContent",componentId:"sc-4237fca-1"})([""," align-items:stretch;outline:none;text-decoration:none;background-color:inherit;border:none;padding:0;"," ",""],(({interactive:r})=>r&&o(["cursor:pointer;display:inline-flex;flex-direction:column;height:100%;:focus{",";position:relative;}"],t())),(({spacing:r})=>`\n    padding: ${i[r]};\n    margin: ${d[r]};\n  `),(({roundness:r,hasFooter:e})=>o([""," ",""],"default"===r&&o(["border-top-left-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);",""],!e&&o(["border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);"])),"default"!==r&&o(["border-top-left-radius:var(--borderRadius200);border-top-right-radius:var(--borderRadius200);",""],!e&&o(["border-bottom-left-radius:var(--borderRadius200);border-bottom-right-radius:var(--borderRadius200);"])))));export{s as StyledCard,n as StyledCardContent,d as marginSizes,i as paddingSizes};

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

@@ -10,5 +10,7 @@ export interface StyledCheckboxProps extends ValidationProps, MarginProps {
     adaptiveSpacingSmallScreen?: boolean;
     applyNewValidation?: boolean;
 }
-declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any, StyledCheckboxProps, never>;
+declare const StyledCheckbox: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & StyledCheckboxProps, "theme">;
 export default StyledCheckbox;