carbon-react 162.12.0-beta.1 → 162.13.0

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

@@ -0,0 +1,32 @@
+import React from "react";
+import { PaddingProps, MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+import { SidebarProps } from "../sidebar";
+export interface AdaptiveSidebarProps extends MarginProps, PaddingProps, Omit<TagProps, "data-component">, Pick<SidebarProps, "restoreFocusOnClose"> {
+    /** The breakpoint (in pixels) at which the sidebar will convert to a dialog-based sidebar */
+    adaptiveBreakpoint?: number;
+    /** The time in milliseconds for the sidebar to animate */
+    animationTimeout?: number;
+    /** The background color of the sidebar */
+    backgroundColor?: "white" | "black" | "app";
+    /** The color to use for the left-hand border of the sidebar. Should be a design token e.g. `--colorsUtilityYang100` */
+    borderColor?: string | "none";
+    /** The content of the sidebar */
+    children?: React.ReactNode;
+    /** The height of the sidebar, relative to the wrapping component */
+    height?: string;
+    /** Whether the sidebar is hidden from view. In this state, the adaptive sidebar will continue to receive updates, etc. but will not be visible to users */
+    hidden?: boolean;
+    /** Whether the sidebar is open or closed */
+    open: boolean;
+    /** Whether to render the sidebar as a modal component instead of as an inline sidebar */
+    renderAsModal?: boolean;
+    /** Prop to specify the aria-label of the component, applied when the component is rendered as a modal */
+    "aria-label"?: string;
+    /** Prop to specify the aria-labelledby property of the component, applied when the component is rendered as a modal */
+    "aria-labelledby"?: string;
+    /** The width of the sidebar */
+    width?: string;
+}
+export declare const AdaptiveSidebar: ({ adaptiveBreakpoint, backgroundColor, borderColor, children, height, hidden, open, renderAsModal, width, restoreFocusOnClose, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: AdaptiveSidebarProps) => React.JSX.Element | null;
+export default AdaptiveSidebar;

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

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as t}from"react";import{getColors as o,kebabToCamelCase as n}from"./__internal__/utils.js";import{Box as a}from"../box/box.component.js";import i from"../../style/utils/filter-styled-system-padding-props.js";import l from"../../style/utils/filter-styled-system-margin-props.js";import d from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{StyledSidebar as s,StyledAdaptiveSidebar as c}from"./adaptive-sidebar.style.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function b(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){p(e,r,t[r])}))}return e}const u=p=>{var{adaptiveBreakpoint:u=768,backgroundColor:f="white",borderColor:m="none",children:y,height:O="100%",hidden:h=!1,open:v,renderAsModal:g=!1,width:j="320px",restoreFocusOnClose:w=!1,"aria-label":k,"aria-labelledby":P}=p,C=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(p,["adaptiveBreakpoint","backgroundColor","borderColor","children","height","hidden","open","renderAsModal","width","restoreFocusOnClose","aria-label","aria-labelledby"]);const S=d(u),x=g||!S,_=r(null),I=Object.entries(o(f)).reduce(((e,[r,t])=>(e[n(r)]=t,e)),{});return t((()=>{_.current&&_.current.focus()}),[v]),t((()=>{x&&document.dispatchEvent(new CustomEvent("adaptiveSidebarModalFocusIn",{bubbles:!0,detail:{source:"adaptiveSidebarModal"}}))}),[x]),x?e(s,{backgroundColor:f,className:"adaptive-sidebar-modal-view","data-role":"adaptive-sidebar-modal-view",enableBackgroundUI:v&&h,fullScreenOnSmallScreen:!1,hidden:h,restoreFocusOnClose:w,open:v,p:0,ref:_,"aria-label":k,"aria-labelledby":P,children:e("div",{"data-role":"adaptive-sidebar-content-wrapper",style:b({height:"100%"},I),children:y})}):v?e(c,(B=b({$backgroundColor:f,$borderColor:"none"===m?void 0:m,"data-element":"adaptive-sidebar","data-role":"adaptive-sidebar",$height:O,hidden:h,ref:_,role:"region",tabIndex:-1,$width:j},l(C),i(C)),E=null!=(E={children:e(a,{"data-role":"adaptive-sidebar-content-wrapper",children:y})})?E:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(E)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(E)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(E,e))})),B)):null;var B,E};export{u as AdaptiveSidebar,u as default};

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

@@ -0,0 +1,17 @@
+import { MarginProps, PaddingProps } from "styled-system";
+import { SidebarProps } from "../sidebar";
+import { AdaptiveSidebarProps } from "./adaptive-sidebar.component";
+declare const StyledAdaptiveSidebar: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
+    $backgroundColor: AdaptiveSidebarProps["backgroundColor"];
+    $borderColor?: AdaptiveSidebarProps["borderColor"];
+    $height: AdaptiveSidebarProps["height"];
+    $width: AdaptiveSidebarProps["width"];
+}, "theme">;
+interface StyledSidebarProps extends SidebarProps {
+    backgroundColor: "app" | "black" | "white";
+    hidden?: boolean;
+}
+declare const StyledSidebar: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledSidebarProps, never>;
+export { StyledAdaptiveSidebar, StyledSidebar };

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

@@ -0,0 +1 @@
+import e,{css as o}from"styled-components";import{margin as t,padding as i}from"styled-system";import{Sidebar as d}from"../sidebar/sidebar.component.js";import r from"../../style/themes/apply-base-theme.js";import{getColors as a}from"./__internal__/utils.js";const n=e.div.attrs(r).withConfig({displayName:"adaptive-sidebar.style__StyledAdaptiveSidebar",componentId:"carbon_v162_12_0__sc-4f345b4c-0"})(["",";"],(({$backgroundColor:e,$borderColor:d,$height:r,hidden:n,$width:s})=>o([""," "," "," max-height:",";max-width:",";min-width:",";overflow-y:auto;outline:none;"," ",""],a(e),d&&o(["border-left:1px solid var(",");"],d),n&&o(["display:none;"]),r,s,s,t,i))),s=e(d).withConfig({displayName:"adaptive-sidebar.style__StyledSidebar",componentId:"carbon_v162_12_0__sc-4f345b4c-1"})([""," ",""],(({hidden:e})=>o(["",""],e&&o(["display:none;"]))),(({backgroundColor:e})=>o(['div[data-element="sidebar-content"]{',"}"],a(e))));export{n as StyledAdaptiveSidebar,s as StyledSidebar};

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

@@ -0,0 +1,2 @@
+export { default } from "./adaptive-sidebar.component";
+export type { AdaptiveSidebarProps } from "./adaptive-sidebar.component";

package/esm/components/adaptive-sidebar/index.js

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

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

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

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

@@ -0,0 +1 @@
+import o,{css as t}from"styled-components";import r from"../../style/themes/apply-base-theme.js";import e from"../../style/utils/add-focus-styling.js";const s=o.button.attrs(r).attrs({type:"button"}).withConfig({displayName:"advanced-color-picker-cell.style__StyledAdvancedColorPickerCell",componentId:"carbon_v162_12_0__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")),e());export{s as default};

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

@@ -0,0 +1,43 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { ModalProps } from "../../__internal__/modal";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface AdvancedColor {
+    label: string;
+    value: string;
+}
+export interface AdvancedColorPickerProps extends MarginProps, Pick<ModalProps, "restoreFocusOnClose">, TagProps {
+    /** Prop to specify the aria-describedby property of the component */
+    "aria-describedby"?: string;
+    /**
+     * Prop to specify the aria-label of the component.
+     * To be used only when the title prop is not defined, and the component is not labelled by any internal element.
+     */
+    "aria-label"?: string;
+    /**
+     * Prop to specify the aria-labelledby property of the component
+     * To be used when the title prop is a custom React Node,
+     * or the component is labelled by an internal element other than the title.
+     */
+    "aria-labelledby"?: string;
+    /** Prop for `availableColors` containing array of objects of colors */
+    availableColors: AdvancedColor[];
+    /** Specifies the name prop to be applied to each color in the group */
+    name: string;
+    /** Prop for `onBlur` event */
+    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
+    /** Prop for `onChange` event */
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Prop for `onClose` event */
+    onClose?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
+    /** Prop for `onOpen` event */
+    onOpen?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    /** Prop for `open` status */
+    open?: boolean;
+    /** The ARIA role to be applied to the component container */
+    role?: string;
+    /** Prop for `selectedColor` containing pre-selected color for `controlled` use */
+    selectedColor: string;
+}
+export declare const AdvancedColorPicker: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, availableColors, name, onOpen, onClose, onChange, onBlur, open, role, selectedColor, restoreFocusOnClose, ...props }: AdvancedColorPickerProps) => React.JSX.Element;
+export default AdvancedColorPicker;

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

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as t,useEffect as l,useCallback as n}from"react";import{StyledAdvancedColorPickerWrapper as i,HiddenCurrentColorList as a,DialogStyle as c,StyledAdvancedColorPickerPreview as s}from"./advanced-color-picker.style.js";import{SimpleColorPicker as p}from"../simple-color-picker/simple-color-picker.component.js";import{SimpleColor as u}from"../simple-color-picker/simple-color/simple-color.component.js";import d from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import m from"../../style/utils/filter-styled-system-margin-props.js";import f from"../../__internal__/utils/helpers/guid/index.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import"../definition-list/dl.component.js";import y from"../definition-list/dt/dt.component.js";import v from"../definition-list/dd/dd.component.js";import O from"../../__internal__/utils/helpers/tags/tags.js";import j from"./advanced-color-picker-cell.style.js";function g(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}const h=e=>`advanced-color-picker-color-${e.replace(/[^a-zA-Z0-9]+/g,"-").replace(/^-+|-+$/g,"")}`,k=k=>{var{"aria-describedby":C,"aria-label":P,"aria-labelledby":_,availableColors:w,name:D,onOpen:x,onClose:E,onChange:S,onBlur:K,open:F=!1,role:R,selectedColor:B,restoreFocusOnClose:I=!0}=k,L=function(e,r){if(null==e)return{};var o,t,l=function(e,r){if(null==e)return{};var o,t,l={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||(l[o]=e[o]);return l}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(l[o]=e[o])}return l}(k,["aria-describedby","aria-label","aria-labelledby","availableColors","name","onOpen","onClose","onChange","onBlur","open","role","selectedColor","restoreFocusOnClose"]);const[T,z]=o(),[A,$]=o(null),Z=t(f()),q=b(),G=t(null),H=w.map((({value:e,label:r},o)=>({value:e,label:r,getRef:()=>G.current?G.current.gridItemRefs[o]:null}))),J=()=>{var e;return(null===(e=w.find((e=>e.value===B)))||void 0===e?void 0:e.label)||B};l((()=>{if(T||F){const e=null==H?void 0:H.find((e=>B===e.value));e&&$(e.getRef())}}),[H,B,T,F]);const M=n(((e,r)=>{"Tab"===e.key&&(e.shiftKey?document.activeElement===r&&A&&(A.focus(),e.preventDefault()):document.activeElement===A&&(null==r||r.focus(),e.preventDefault()))}),[A]),N=n((e=>{z(!0),x&&x(e)}),[x]),Q=n((e=>{z(!1),E&&E(e)}),[E]),U=n((e=>{const r=null==H?void 0:H.find((r=>e.target.value===r.value));r&&$(r.getRef()),S&&S(e)}),[S,H]),V=n((e=>{(d.isEnterKey(e)||d.isSpaceKey(e))&&(e.preventDefault(),N(e))}),[N]),W=n((e=>{(d.isEnterKey(e)||d.isSpaceKey(e))&&(e.preventDefault(),Q(e))}),[Q]),X=n((e=>{K&&K(e)}),[K]);return e(i,(Y=function(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){g(e,r,o[r])}))}return e}({m:"15px auto auto 15px"},m(L),O("advanced-color-picker",L)),ee=null!=(ee={children:[r(j,{"data-element":"color-picker-cell","aria-label":q.advancedColorPicker.ariaLabel(),"aria-describedby":Z.current,onClick:N,onKeyDown:V,color:B,tabIndex:0}),e(a,{id:Z.current,"data-element":"current-color-description",children:[r(y,{children:q.advancedColorPicker.currentColorDescriptionTerm(J())}),r(v,{children:q.advancedColorPicker.currentColorAssigned(J())})]}),e(c,{"aria-describedby":C,"aria-label":P,"aria-labelledby":_,open:T||F,size:"small",onCancel:Q,bespokeFocusTrap:M,focusFirstElement:A,role:R,restoreFocusOnClose:I,children:[r(s,{"data-element":"color-picker-preview",color:B}),r(p,{name:D,legend:"",onChange:U,onBlur:X,onKeyDown:W,ref:G,value:B,children:null==H?void 0:H.map((({value:e,label:o})=>r(u,{value:e,"aria-label":o,id:h(e),checked:e===B},e)))})]})]})?ee:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Y,Object.getOwnPropertyDescriptors(ee)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(ee)).forEach((function(e){Object.defineProperty(Y,e,Object.getOwnPropertyDescriptor(ee,e))})),Y));var Y,ee};export{k as AdvancedColorPicker,k as default};

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

@@ -0,0 +1,12 @@
+import StyledAdvancedColorPickerCell from "./advanced-color-picker-cell.style";
+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, spacing, divider, ...rest }: import("../definition-list").DlProps): import("react").JSX.Element;
+    displayName: string;
+}, any, {}, never>;
+declare const StyledAdvancedColorPickerPreview: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const DialogStyle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../dialog").DialogProps & import("react").RefAttributes<import("../dialog").DialogHandle>>, any, {}, never>;
+export { StyledAdvancedColorPickerWrapper, HiddenCurrentColorList, StyledAdvancedColorPickerCell, StyledAdvancedColorPickerPreview, DialogStyle, };

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

@@ -0,0 +1 @@
+import o,{css as r}from"styled-components";import{margin as i}from"styled-system";export{default as StyledAdvancedColorPickerCell}from"./advanced-color-picker-cell.style.js";import{StyledColorOptions as e}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 n}from"../dialog/__internal__/__next__/dialog.style.js";import{Dialog as l}from"../dialog/dialog.component.js";import a from"../simple-color-picker/simple-color/checker-board.svg";import c from"../../style/utils/visually-hidden.js";import d from"../definition-list/dl.component.js";import"../definition-list/dt/dt.component.js";import"../definition-list/dd/dd.component.js";import s from"../../style/themes/apply-base-theme.js";const p=o.div.attrs(s).withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerWrapper",componentId:"carbon_v162_12_0__sc-40bdb977-0"})([""," display:inline-block;"],i),m=o(d).withConfig({displayName:"advanced-color-picker.style__HiddenCurrentColorList",componentId:"carbon_v162_12_0__sc-40bdb977-1"})(["",""],c),_=o.div.withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerPreview",componentId:"carbon_v162_12_0__sc-40bdb977-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;'],a))),b=o(l).withConfig({displayName:"advanced-color-picker.style__DialogStyle",componentId:"carbon_v162_12_0__sc-40bdb977-3"})(['[data-component="dialog"]{max-width:fit-content;}','{padding:var(--spacing200);}[data-element="close"]{position:absolute;top:var(--spacing200);right:var(--spacing200);[data-component="icon"]{position:static;}}',"{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;}[data-component="icon"]{color:var(--colorsActionMinor500);}'],n,e,t,e);export{b as DialogStyle,m as HiddenCurrentColorList,_ as StyledAdvancedColorPickerPreview,p as StyledAdvancedColorPickerWrapper};

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

@@ -0,0 +1,2 @@
+export { default } from "./advanced-color-picker.component";
+export type { AdvancedColorPickerProps } from "./advanced-color-picker.component";

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

@@ -0,0 +1 @@
+export{AdvancedColorPicker as default}from"./advanced-color-picker.component.js";

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { DialogProps } from "../dialog";
+/**
+ * @deprecated Alert has been deprecated. See the Carbon documentation for migration details.
+ */
+export declare const Alert: ({ children, size, topModalOverride, closeButtonDataProps, ...rest }: Omit<DialogProps, "data-component">) => React.JSX.Element;
+export default Alert;

package/esm/components/alert/alert.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import{Dialog as t}from"../dialog/dialog.component.js";function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const o=o=>{var n,c,{children:l,size:i="extra-small",topModalOverride:a,closeButtonDataProps:p}=o,u=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},c=Object.keys(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)r=c[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(o,["children","size","topModalOverride","closeButtonDataProps"]);return e(t,(n=function(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){r(e,t,o[t])}))}return e}({role:"alertdialog",size:i,topModalOverride:a,closeButtonDataProps:p},u),c=null!=(c={"data-component":"alert",children:l})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(c)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(c,e))})),n))};export{o as Alert,o as default};

package/esm/components/alert/index.d.ts

@@ -0,0 +1,6 @@
+export { default } from "./alert.component";
+export type { 
+/**
+ * @deprecated `Alert` has been deprecated. See the Carbon documentation for migration details.
+ */
+DialogProps as AlertProps, } from "../dialog";

package/esm/components/alert/index.js

@@ -0,0 +1 @@
+export{Alert as default}from"./alert.component.js";

package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface AnchorNavigationItemProps {
+    /** Reference to the section html element meant to be shown   */
+    target?: React.RefObject<HTMLElement>;
+    /** href to be passed to the anchor element, can be linked with id passed to the scrollable section */
+    href?: string;
+    /** Indicates if a component is selected */
+    isSelected?: boolean;
+    /** onClick handler */
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement>) => void;
+    /** OnKeyDown handler */
+    onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement>) => void;
+    /** tabIndex passed to the anchor element */
+    tabIndex?: number;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+declare const AnchorNavigationItem: React.ForwardRefExoticComponent<AnchorNavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;
+export default AnchorNavigationItem;

package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"react";import{Typography as n}from"../../typography/typography.component.js";import a from"./anchor-navigation-item.style.js";const o=r.forwardRef(((r,o)=>{var{target:i}=r,c=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,["target"]);const{children:l,onKeyDown:m,onClick:d,href:f,tabIndex:p,isSelected:h}=c;return e(a,{isSelected:h,children:t("a",{onKeyDown:m,onClick:d,tabIndex:p,ref:o,href:f,"aria-current":h?"location":void 0,"data-element":"anchor-navigation-item",children:[e("span",{"aria-hidden":"true","data-element":"anchor-navigation-item-indicator","data-role":"anchor-navigation-item-indicator"}),e(n,{as:"span","data-element":"anchor-navigation-item-label",mb:0,children:l})]})})}));o.displayName="AnchorNavigationItem";export{o as default};

package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.d.ts

@@ -0,0 +1,5 @@
+export interface StyledNavigationItemProps {
+    isSelected?: boolean;
+}
+declare const StyledNavigationItem: import("styled-components").StyledComponent<"li", any, StyledNavigationItemProps, never>;
+export default StyledNavigationItem;

package/esm/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js

@@ -0,0 +1 @@
+import a,{css as r}from"styled-components";import o from"../../../style/utils/add-focus-styling.js";const t=a.li.withConfig({displayName:"anchor-navigation-item.style__StyledNavigationItem",componentId:"carbon_v162_12_0__sc-f91cff6f-0"})(['width:100%;a{--anchor-navigation-item-border-width:var(--global-size-6-xs);align-content:center;border-inline-start:var(--anchor-navigation-item-border-width) solid var(--tab-border-default);cursor:pointer;display:grid;grid-template-columns:var(--global-space-comp-l) minmax(0,1fr);text-decoration:none;color:var(--tab-label-default);background-color:var(--tab-bg-default);box-sizing:border-box;min-height:var(--global-size-m);padding-block:var(--global-space-comp-s);padding-inline-end:var(--global-space-comp-l);position:relative;border-top-right-radius:var(--global-radius-container-m);border-bottom-right-radius:var(--global-radius-container-m);[data-element="anchor-navigation-item-indicator"]{align-self:stretch;background-color:transparent;grid-column:1;grid-row:1;justify-self:start;margin-inline-start:calc( -1 * var(--anchor-navigation-item-border-width) );width:var(--global-size-6-xs);}[data-element="anchor-navigation-item-label"]{color:inherit;font:var(--global-font-static-comp-medium-m);grid-column:2;grid-row:1;min-width:0;}&:focus{'," z-index:1;}&:hover{",";}","}"],o(),(({isSelected:a})=>!a&&r(["background-color:var(--tab-bg-hover);border-inline-start-color:var(--tab-border-hover);color:var(--tab-label-hover);"])),(({isSelected:a})=>a&&r(['background-color:var(--tab-bg-active);border-inline-start-color:var(--tab-border-active-alt);color:var(--tab-label-active);[data-element="anchor-navigation-item-indicator"]{background-color:var(--tab-border-active);border-radius:var(--global-radius-action-m);width:var(--global-size-5-xs);}'])));export{t as default};

package/esm/components/anchor-navigation/anchor-navigation.component.d.ts

@@ -0,0 +1,15 @@
+import React, { type AriaAttributes } from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface AnchorNavigationProps extends TagProps, Pick<AriaAttributes, "aria-label" | "aria-labelledby"> {
+    /** Child elements */
+    children?: React.ReactNode;
+    /** The AnchorNavigationItems components to be rendered in the sticky navigation.
+    It is important to maintain proper structure.
+    List of AnchorNavigationItems has to be wrapped in React.Fragment */
+    stickyNavigation?: React.ReactNode;
+}
+declare const AnchorNavigation: {
+    ({ children, stickyNavigation, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "data-element": dataElement, "data-role": dataRole, }: AnchorNavigationProps): JSX.Element;
+    displayName: string;
+};
+export default AnchorNavigation;

package/esm/components/anchor-navigation/anchor-navigation.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useMemo as r,useState as o,useRef as a,useCallback as i,useEffect as l}from"react";import c from"invariant";import s from"lodash/throttle";import{defaultFocusableSelectors as u}from"../../__internal__/focus-trap/focus-trap-utils.js";import d from"../../__internal__/utils/helpers/events/events.js";import{StyledAnchorNavigation as m,StyledNavigationWrapper as p,StyledNavigation as h,StyledContent as v}from"./anchor-navigation.style.js";import f from"./anchor-navigation-item/anchor-navigation-item.component.js";const g=e=>{const t=[];return n.Children.forEach(e,(e=>{if(n.isValidElement(e))if(e.type!==n.Fragment)t.push(e);else{const n=e;t.push(...g(n.props.children))}})),t},y=({children:y,stickyNavigation:b,"aria-label":w,"aria-labelledby":N,"data-element":k,"data-role":_})=>{c(n.isValidElement(b)&&b.type===n.Fragment,"`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.");const A=r((()=>g(b.props.children)),[b]),E=r((()=>!A.find((e=>"AnchorNavigationItem"!==e.type.displayName))),[A]);c(E,`\`stickyNavigation\` prop in \`AnchorNavigation\` should be a React Fragment that only contains children of type \`${f.displayName}\``);const[R,j]=o(0),C=a([]);C.current=A.map((e=>e.props.target));const F=a(null),x=a(null),S=a(!0),T=a(),V=i((()=>{if(null===x.current)return;const e=C.current.map(((e,t)=>{var n;return[t,null==e||null===(n=e.current)||void 0===n?void 0:n.getBoundingClientRect().top]})).filter((e=>void 0!==e[1]));if(0===e.length)return;const{top:t}=x.current.getBoundingClientRect(),[n]=e.reduce(((e,n)=>{const[,r]=n;return r-200>t?e:r>e[1]?n:e}),e[0]);j(n)}),[]),B=r((()=>s((()=>{S.current?V():(void 0!==T.current&&window.clearTimeout(T.current),T.current=setTimeout((()=>{S.current=!0}),150))}),100)),[V]);l((()=>(window.addEventListener("scroll",B,!0),()=>window.removeEventListener("scroll",B,!0))),[B]);const D=e=>{var t;const n=null===(t=C.current[e])||void 0===t?void 0:t.current;n&&((e=>{const t=e.querySelector("h1, h2, h3, h4, h5, h6"),n=null!=t?t:e;n.matches(u)||n.setAttribute("tabindex","-1"),n.dataset.carbonAnchornavRef||(n.dataset.carbonAnchornavRef="true"),n.focus({preventScroll:!0})})(n),window.setTimeout((()=>{S.current=!1,n.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"}),j(e)}),10))};return e(m,{ref:F,"data-component":"anchor-navigation","data-element":k,"data-role":_,children:[t(p,{"aria-label":w,"aria-labelledby":N,children:t(h,{ref:x,role:"list","data-element":"anchor-sticky-navigation",children:A.map(((e,t)=>{var r;return n.cloneElement(e,{key:null!==(r=e.key)&&void 0!==r?r:t,href:e.props.href||"#",isSelected:t===R,onClick:e=>((e,t)=>{e.preventDefault(),D(t)})(e,t),onKeyDown:e=>((e,t)=>{d.isEnterKey(e)&&D(t)})(e,t)})}))})}),t(v,{children:y})]})};y.displayName="AnchorNavigation";export{y as default};

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

@@ -0,0 +1,5 @@
+declare const StyledAnchorNavigation: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledNavigationWrapper: import("styled-components").StyledComponent<"nav", any, {}, never>;
+declare const StyledNavigation: import("styled-components").StyledComponent<"ul", any, {}, never>;
+declare const StyledContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { StyledAnchorNavigation, StyledNavigationWrapper, StyledNavigation, StyledContent, };

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

@@ -0,0 +1 @@
+import a from"styled-components";const n=a.div.withConfig({displayName:"anchor-navigation.style__StyledAnchorNavigation",componentId:"carbon_v162_12_0__sc-b568e620-0"})(["display:flex;align-items:flex-start;width:100%;"]),o=a.nav.withConfig({displayName:"anchor-navigation.style__StyledNavigationWrapper",componentId:"carbon_v162_12_0__sc-b568e620-1"})(["position:sticky;top:var(--global-space-layout-2-xs);max-width:240px;@media screen and (min-width:600px){top:var(--global-space-layout-xs);}"]),t=a.ul.withConfig({displayName:"anchor-navigation.style__StyledNavigation",componentId:"carbon_v162_12_0__sc-b568e620-2"})(["list-style:none;margin:0;padding:0;"]),i=a.div.withConfig({displayName:"anchor-navigation.style__StyledContent",componentId:"carbon_v162_12_0__sc-b568e620-3"})(['flex:1;margin-left:var(--global-space-layout-s);[data-carbon-anchornav-ref="true"]:focus{outline:none;}']);export{n as StyledAnchorNavigation,i as StyledContent,t as StyledNavigation,o as StyledNavigationWrapper};

package/esm/components/anchor-navigation/anchor-section-divider.component.d.ts

@@ -0,0 +1,4 @@
+declare const AnchorSectionDivider: import("styled-components").StyledComponent<"div", any, {
+    "data-element": string;
+}, "data-element">;
+export default AnchorSectionDivider;

package/esm/components/anchor-navigation/anchor-section-divider.component.js

@@ -0,0 +1 @@
+import o from"styled-components";const i=o.div.attrs({"data-element":"anchor-navigation-divider"}).withConfig({displayName:"anchor-section-divider.component__AnchorSectionDivider",componentId:"carbon_v162_12_0__sc-989a8d9c-0"})(["background-color:var(--colorsActionMinor200);height:1px;"]);i.displayName="AnchorSectionDivider";export{i as default};

package/esm/components/anchor-navigation/index.d.ts

@@ -0,0 +1,5 @@
+export { default as AnchorNavigation } from "./anchor-navigation.component";
+export { default as AnchorNavigationItem } from "./anchor-navigation-item/anchor-navigation-item.component";
+export { default as AnchorSectionDivider } from "./anchor-section-divider.component";
+export type { AnchorNavigationProps } from "./anchor-navigation.component";
+export type { AnchorNavigationItemProps } from "./anchor-navigation-item/anchor-navigation-item.component";

package/esm/components/anchor-navigation/index.js

@@ -0,0 +1 @@
+export{default as AnchorNavigation}from"./anchor-navigation.component.js";export{default as AnchorNavigationItem}from"./anchor-navigation-item/anchor-navigation-item.component.js";export{default as AnchorSectionDivider}from"./anchor-section-divider.component.js";

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+export interface BadgeProps extends TagProps, MarginProps {
+    /** @deprecated Prop to specify an aria-label for the component */
+    "aria-label"?: string;
+    /** The badge will be positioned relative to this element */
+    children?: React.ReactNode;
+    /** The number rendered in the badge component */
+    counter?: string | number;
+    /** @deprecated Prop to specify the color of the component */
+    color?: string;
+    /** @deprecated Callback fired when badge is clicked */
+    onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
+    /** Unique identifier for the component. */
+    id?: string;
+    /** Size of the badge */
+    size?: "small" | "medium" | "large";
+    /** Badge variant */
+    variant?: "typical" | "subtle";
+    /** Set the style of the Badge to inverse */
+    inverse?: boolean;
+}
+export declare const Badge: ({ "aria-label": ariaLabel, children, counter, color, onClick, id, size, variant, inverse, ...rest }: BadgeProps) => React.JSX.Element | null;
+export default Badge;

package/esm/components/badge/badge.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as n}from"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import{StyledBadgeWrapper as i,StyledBadge as l,StyledCounter as s}from"./badge.style.js";import a from"../icon/icon.component.js";import"../icon/icon.style.js";import c from"../../__internal__/utils/helpers/tags/tags.js";import p from"../../__internal__/utils/helpers/guid/index.js";import d from"../../__internal__/utils/logger/index.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let b=!1,m=!1,f=!1;const y=y=>{var{"aria-label":g,children:O,counter:j=0,color:v,onClick:h,id:w,size:P="medium",variant:_="typical",inverse:k=!1}=y,x=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(y,["aria-label","children","counter","color","onClick","id","size","variant","inverse"]);h&&!b&&(d.deprecate("The `onClick` prop in `Badge` is deprecated and will soon be removed."),b=!0),g&&!m&&(d.deprecate("The `aria-label` prop in `Badge` is deprecated and will soon be removed."),m=!0),v&&!f&&(d.deprecate("The `color` prop in `Badge` is deprecated and will soon be removed."),f=!0);const[C,S]=t(!1),[B,D]=t(!1),{current:E}=n(w||p());let T=!0;const z=h&&"small"!==P,M=z&&(C||B);let F=j;"string"==typeof j?(j.length>4&&(F=j.substring(0,4)),""===j&&(T=!1)):"number"==typeof j&&(j>999&&(F="999+"),(j<=0||j%1!=0)&&(T=!1));const I=()=>{return T?r(l,(e=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){u(e,r,t[r])}))}return e}({customColor:v,id:E,"aria-label":g,size:P,variant:_,inverse:k,hasChildren:!!O,onFocus:()=>{S(!0)},onBlur:()=>{S(!1)},onMouseEnter:()=>{D(!0)},onMouseLeave:()=>{D(!1)}},z&&{buttonType:"secondary",onClick:h},c("badge",x),o(x)),t=null!=(t={children:M?r(a,{"data-role":"badge-cross-icon","data-element":"badge-cross-icon",type:"cross",inverse:!0}):"small"!==P?r(s,{"data-element":"badge-counter",children:F}):null})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e)):null;var e,t};return O?e(i,{"data-role":"badge-wrapper",children:[O,I()]}):I()};export{y as Badge,y as default};

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

@@ -0,0 +1,15 @@
+declare const StyledBadgeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface StyledBadgeProps {
+    customColor?: string;
+    size?: "small" | "medium" | "large";
+    variant?: "typical" | "subtle";
+    inverse?: boolean;
+    hasChildren?: 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, "theme" | "as">;
+export { StyledBadge, StyledBadgeWrapper, StyledCounter };

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

@@ -0,0 +1 @@
+import e,{css as a}from"styled-components";import{margin as r}from"styled-system";import o from"../icon/icon.style.js";import t from"../button/button.component.js";import l from"../../style/themes/apply-base-theme.js";import{toColor as i}from"../../style/utils/color.js";const s=(e,a)=>"subtle"===e?`\n        ${a?"var(--badge-inverse-bg-alt, #007FD9)":"var(--badge-bg-alt, #0071C3)"};\n      `:`\n        ${a?"var(--badge-inverse-bg-default, #F50059)":"var(--badge-bg-default, #DB004E)"};\n      `,n=e.div.withConfig({displayName:"badge.style__StyledBadgeWrapper",componentId:"carbon_v162_12_0__sc-8e1a3aa6-0"})([""," position:relative;display:inline-block;"],r),d=e.div.withConfig({displayName:"badge.style__StyledCounter",componentId:"carbon_v162_12_0__sc-8e1a3aa6-1"})(["font-weight:500;font-size:13px;line-height:150%;"]),b=e.span.attrs(l).attrs((({onClick:e})=>({as:e?t:void 0}))).withConfig({displayName:"badge.style__StyledBadge",componentId:"carbon_v162_12_0__sc-8e1a3aa6-2"})([""," box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--global-radius-container-circle,999px);border:solid var(--global-borderwidth-s,2px);",""],r,(({size:e,variant:r,inverse:t,hasChildren:l,customColor:n,theme:d,onClick:b})=>a(["",";background-color:",";border-color:",";color:",";"," "," ",""],(e=>{switch(e){case"small":return a(["width:var(--global-size-4-xs,8px);height:var(--global-size-4-xs,8px);"]);case"large":return a(["min-width:var(--global-size-2-xs,20px);height:var(--global-size-xs,24px);padding:0 var(--global-space-comp-2-xs,2px);"]);default:return a(["min-width:var(--global-size-3-xs,16px);height:var(--global-size-2-xs,20px);padding:0 var(--global-space-comp-2-xs,2px);"])}})(e),s(r,t),t?"var(--badge-inverse-border-default, #000)":"var(--badge-border-default, #FFF)",t?"var(--badge-inverse-label-default, #000)":"var(--badge-label-default, #FFF)",l&&a(["position:absolute;z-index:2;",";"],(e=>{switch(e){case"small":return a(["top:-3px;right:-2px;"]);case"large":return a(["top:-12px;right:-8px;"]);default:return a(["top:-10px;right:-6px;"])}})(e)),b&&a(["min-height:0;:hover,:focus{padding:0;border-color:",";background-color:",";","{margin:0;color:",";}}"],s(r,t),s(r,t),o,t?"var(--badge-inverse-label-default, #000)":"var(--badge-label-default, #FFF)"),n&&a(["background-color:var(--badge-border-default,#fff);border-color:",";color:",";",""],i(d,n),i(d,n),b&&a([":hover,:focus{background-color:",";border-color:",";}"],i(d,n),i(d,n))))));export{b as StyledBadge,n as StyledBadgeWrapper,d as StyledCounter};

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

@@ -0,0 +1,2 @@
+export { default } from "./badge.component";
+export type { BadgeProps } from "./badge.component";

package/esm/components/badge/index.js

@@ -0,0 +1 @@
+export{Badge as default}from"./badge.component.js";

package/esm/components/batch-selection/batch-selection.component.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface BatchSelectionProps extends TagProps {
+    /** Content to be rendered after selected count. */
+    children: React.ReactNode;
+    /**
+     * @deprecated Changing the color theme of this component is no longer supported.
+     */
+    colorTheme?: "dark" | "light" | "white" | "transparent";
+    /**
+     * @deprecated Disabling this component is no longer supported.
+     */
+    disabled?: boolean;
+    /**
+     * If true, the component is hidden.
+     * @deprecated This prop is deprecated and will be removed in a future release. Please use conditional rendering instead.
+     */
+    hidden?: boolean;
+    /** Number of selected items */
+    selectedCount: number;
+    /** Total number of items */
+    totalItems?: number;
+    /** Flag to adjust layout for small screens */
+    smallScreen?: boolean;
+    /** Callback called when the close button is clicked. Renders the close button when provided. */
+    onDismiss?: () => void;
+}
+export declare const BatchSelection: ({ disabled, children, colorTheme, selectedCount, totalItems, hidden, smallScreen, onDismiss, ...rest }: BatchSelectionProps) => React.JSX.Element;
+export default BatchSelection;

package/esm/components/batch-selection/batch-selection.component.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import"react";import o from"../../hooks/__internal__/useLocale/useLocale.js";import{StyledBatchSelection as n,StyledWrapper as i,StyledHeaderWrapper as l,StyledContent as c}from"./batch-selection.style.js";import{Typography as s}from"../typography/typography.component.js";import p from"../tile/tile.component.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import"../box/box.component.js";import"../tile/tile-footer/tile-footer.style.js";import"../tile/__internal__/tile.context.js";import{Divider as a}from"../divider/divider.component.js";import{Button as b}from"../button/__next__/button.component.js";import u from"../icon/icon.component.js";import"../icon/icon.style.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f=f=>{var{disabled:y,children:h,colorTheme:j,selectedCount:O,totalItems:g,hidden:_,smallScreen:v,onDismiss:P}=f,w=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(f,["disabled","children","colorTheme","selectedCount","totalItems","hidden","smallScreen","onDismiss"]);const S=o(),x=e(c,{$smallScreen:v,children:h}),D=e(s,{weight:"medium",m:0,children:S.batchSelection.selected(O,g)}),k=P&&e(b,{"aria-label":S.batchSelection.ariaLabels.close(),onClick:P,variantType:"subtle",size:v?"small":"medium",children:e(u,{type:"cross"})}),C=t(r,{children:[t(l,{children:[D,k]}),e(a,{m:0,type:"horizontal"}),x]});return e(n,(E=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){d(e,t,r[t])}))}return e}({$hidden:_},m("batch-selection",w)),I=null!=(I={children:e(p,{p:0,children:e(i,{$smallScreen:v,children:v?C:t(r,{children:[D,x,k]})})})})?I:{},Object.getOwnPropertyDescriptors?Object.defineProperties(E,Object.getOwnPropertyDescriptors(I)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(I)).forEach((function(e){Object.defineProperty(E,e,Object.getOwnPropertyDescriptor(I,e))})),E));var E,I};export{f as BatchSelection,f as default};

package/esm/components/batch-selection/batch-selection.style.d.ts

@@ -0,0 +1,10 @@
+export interface StyledBatchSelectionProps {
+    $hidden?: boolean;
+}
+export declare const StyledBatchSelection: import("styled-components").StyledComponent<"div", any, StyledBatchSelectionProps, never>;
+export interface StyledWrapperProps {
+    $smallScreen?: boolean;
+}
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;
+export declare const StyledHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;

package/esm/components/batch-selection/batch-selection.style.js

@@ -0,0 +1 @@
+import e,{css as a}from"styled-components";const t=e.div.withConfig({displayName:"batch-selection.style__StyledBatchSelection",componentId:"carbon_v162_12_0__sc-61f6babd-0"})(["",";"],(({$hidden:e})=>a(["min-width:288px;width:100%;",""],e&&a(["display:none;"])))),l=e.div.withConfig({displayName:"batch-selection.style__StyledWrapper",componentId:"carbon_v162_12_0__sc-61f6babd-1"})(["",";"],(({$smallScreen:e})=>a(["display:flex;align-items:center;flex:1 0 0;padding:var(--global-space-layout-2-xs);gap:var(--global-space-layout-2-xs);white-space:nowrap;",""],e&&a(["flex-direction:column;justify-content:space-between;gap:var(--global-space-comp-xs);"])))),n=e.div.withConfig({displayName:"batch-selection.style__StyledHeaderWrapper",componentId:"carbon_v162_12_0__sc-61f6babd-2"})(["display:flex;justify-content:space-between;align-items:center;width:100%;"]),o=e.div.withConfig({displayName:"batch-selection.style__StyledContent",componentId:"carbon_v162_12_0__sc-61f6babd-3"})(["",";"],(({$smallScreen:e})=>a(["display:flex;flex-wrap:wrap;align-items:center;"," ",""],!e&&a(["flex:1 0 0;gap:var(--global-space-layout-2-xs);"]),e&&a(["width:100%;justify-content:flex-start;padding-top:var(--global-space-comp-s);gap:var(--global-space-comp-xl);"]))));export{t as StyledBatchSelection,o as StyledContent,n as StyledHeaderWrapper,l as StyledWrapper};

package/esm/components/batch-selection/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./batch-selection.component";
+export type { BatchSelectionProps } from "./batch-selection.component";

package/esm/components/batch-selection/index.js

@@ -0,0 +1 @@
+export{BatchSelection as default}from"./batch-selection.component.js";

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

@@ -0,0 +1,92 @@
+import React from "react";
+import { SpaceProps, LayoutProps, FlexboxProps, PositionProps, GridProps } from "styled-system";
+import * as DesignTokens from "@sage/design-tokens/js/base/common";
+import { type Gap } from "../../style/utils/box-gap";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export type OverflowWrap = "break-word" | "anywhere";
+export type ScrollVariant = "light" | "dark";
+export type BoxSizing = "content-box" | "border-box";
+type DesignTokensType = keyof typeof DesignTokens;
+type BoxShadowsType = Extract<DesignTokensType, `boxShadow${string}`>;
+type BorderRadiusToken = Extract<DesignTokensType, `borderRadius${string}`>;
+export type BorderRadiusType = BorderRadiusToken | `${BorderRadiusToken} ${BorderRadiusToken}` | `${BorderRadiusToken} ${BorderRadiusToken} ${BorderRadiusToken}` | `${BorderRadiusToken} ${BorderRadiusToken} ${BorderRadiusToken} ${BorderRadiusToken}`;
+export interface BoxProps extends FlexboxProps, Omit<GridProps, "gridGap" | "gridRowGap" | "gridColumnGap">, LayoutProps, Omit<PositionProps, "zIndex">, SpaceProps, TagProps {
+    /** Set the element rendered by the Box component. Only `div` and `span` will be supported in the future. */
+    as?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
+    /** Set the ID attribute of the Box component */
+    id?: string;
+    /** Content to be rendered inside the Box component */
+    children?: React.ReactNode;
+    /** Set the Role attribute of the Box component */
+    role?: string;
+    /** String to set Box content break strategy. Note "anywhere" is not supported in Safari */
+    overflowWrap?: OverflowWrap;
+    /**
+     * Scroll styling attribute
+     * @deprecated This prop is marked for deprecation. Its behavior will be maintained until removal.
+     */
+    scrollVariant?: ScrollVariant;
+    /** Set the box-sizing attribute of the Box component */
+    boxSizing?: BoxSizing;
+    /** Gap, an integer multiplier of the base spacing constant (8px) or any valid CSS string." */
+    gap?: Gap;
+    /** Column gap, an integer multiplier of the base spacing constant (8px) or any valid CSS string." */
+    columnGap?: Gap;
+    /** Row gap an integer multiplier of the base spacing constant (8px) or any valid CSS string." */
+    rowGap?: Gap;
+    /**
+     * Design Token for Box Shadow. Note: please check that the box shadow design token you are using is compatible with the Box component.
+     * @deprecated This prop is marked for deprecation. Its behavior will be maintained until removal.
+     */
+    boxShadow?: BoxShadowsType;
+    /**
+     * Design Token for Border Radius. Note: please check that the border radius design token you are using is compatible with the Box component.
+     * @deprecated This prop is marked for deprecation. Its behavior will be maintained until removal.
+     */
+    borderRadius?: BorderRadiusType;
+    /**
+     * @private
+     * @ignore
+     * @internal
+     * Sets className for component. INTERNAL USE ONLY. */
+    className?: string;
+    /**
+     * Set the color attribute of the Box component
+     * @deprecated This prop is marked for deprecation and will have a longer grace period before removal. Its behavior will be maintained until removal.
+     */
+    color?: string;
+    /**
+     * Set the bg attribute of the Box component
+     * @deprecated This prop is marked for deprecation and will have a longer grace period before removal. Its behavior will be maintained until removal.
+     */
+    bg?: string;
+    /**
+     * Set the backgroundColor attribute of the Box component
+     * @deprecated This prop is marked for deprecation and will have a longer grace period before removal. Its behavior will be maintained until removal.
+     */
+    backgroundColor?: string;
+    /** Whether the component is hidden from view. In this state, the component will not be visible to users but will remain in the HTML document */
+    hidden?: boolean;
+    /**
+     * Set the opacity attribute of the Box component
+     * @deprecated This prop is marked for deprecation. Its behavior will be maintained until removal.
+     */
+    opacity?: string | number;
+    /** Set the container to be hidden from screen readers */
+    "aria-hidden"?: "true" | "false";
+    /** Make the container an aria-live region */
+    "aria-live"?: "off" | "assertive" | "polite";
+    /** @private @internal @ignore */
+    "data-component"?: string;
+    /**
+     * Set the tabIndex attribute of the Box component to control keyboard focus and tab order.
+     * @deprecated This prop is marked for deprecation and will have a longer grace period before removal. Its behavior will be maintained until removal.
+     * @private
+     * @ignore
+     */
+    tabIndex?: number;
+    /** Indicates whether AT will announce all, or only parts of, the changed region */
+    "aria-atomic"?: "true" | "false";
+}
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+export default Box;

package/esm/components/box/box.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import r from"react";import t from"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import i from"../../style/utils/filter-styled-system-layout-props.js";import a from"../../style/utils/filter-styled-system-flexbox-props.js";import n from"../../style/utils/filter-styled-system-grid-props.js";import l from"./box.style.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import p from"../../__internal__/utils/logger/index.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let d=!1;const f=r.forwardRef(((r,f)=>{var{"data-component":b,tabIndex:m,as:u,id:y,role:g,overflowWrap:h,scrollVariant:O,boxSizing:j,gap:w,columnGap:x,rowGap:v,className:P,children:S,bg:_,backgroundColor:k,boxShadow:G,borderRadius:$,color:D,opacity:I,height:N,width:R,hidden:z,"aria-hidden":C,"aria-live":E,"aria-atomic":V}=r,W=function(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["data-component","tabIndex","as","id","role","overflowWrap","scrollVariant","boxSizing","gap","columnGap","rowGap","className","children","bg","backgroundColor","boxShadow","borderRadius","color","opacity","height","width","hidden","aria-hidden","aria-live","aria-atomic"]);!d&&u&&"div"!==u&&"span"!==u&&(d=!0,p.deprecate(`The value '${u}' for the 'as' prop is deprecated and will soon be removed. Please use 'div' or 'span' instead.`));let F="";"number"==typeof R?F=R<=1?`${(100*R).toFixed(0)}%`:`${R}px`:"string"==typeof R&&(F=R);let B="";"number"==typeof N?B=N<=1?`${(100*N).toFixed(0)}%`:`${N}px`:"string"==typeof N&&(B=N);const T={color:D,opacity:I,width:F,height:B};return e(l,(q=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){c(e,r,t[r])}))}return e}({as:u,id:y,role:g,overflowWrap:h,scrollVariant:O,boxSizing:j,gap:w,columnGap:x,rowGap:v,className:P,ref:f,bg:_,backgroundColor:k,boxShadow:G,$borderRadius:$,"aria-hidden":C,hidden:z,"aria-live":E,"aria-atomic":V},s(b,W),o(W),t(W),a(W),n(W),i(W)),A=null!=(A={cssProps:T,tabIndex:m,children:S})?A:{},Object.getOwnPropertyDescriptors?Object.defineProperties(q,Object.getOwnPropertyDescriptors(A)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(A)).forEach((function(e){Object.defineProperty(q,e,Object.getOwnPropertyDescriptor(A,e))})),q));var q,A}));f.displayName="Box";export{f as Box,f as default};

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

@@ -0,0 +1,11 @@
+declare const _default: {
+    light: {
+        thumb: string;
+        track: string;
+    };
+    dark: {
+        thumb: string;
+        track: string;
+    };
+};
+export default _default;

package/esm/components/box/box.config.js

@@ -0,0 +1 @@
+var r={light:{thumb:"var(--colorsUtilityMajor300)",track:"var(--colorsUtilityMajor025)"},dark:{thumb:"#b3b3b3",track:"#4d4d4d"}};export{r as default};

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

@@ -0,0 +1,13 @@
+import { BoxProps } from "./box.component";
+declare const StyledBox: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Omit<BoxProps, "borderRadius"> & {
+    cssProps?: {
+        color?: string;
+        opacity?: string;
+        height?: string;
+        width?: string;
+    };
+    $borderRadius?: BoxProps["borderRadius"];
+}, "theme">;
+export default StyledBox;

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

@@ -0,0 +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/utils/color.js";import a from"./box.config.js";import p from"../../style/themes/apply-base-theme.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 u(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 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(p).withConfig({displayName:"box.style__StyledBox",componentId:"carbon_v162_12_0__sc-fcf46366-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," ",";"," ",""],t,e,i,n,(o=>{const r=l(o),{position:t}=r,e=d(r,["position"]);return u({position:t,zIndex:["sticky","fixed"].includes(t)?3:void 0},e)}),(({$borderRadius:o="borderRadius000"})=>{const t=o.split(" ");return r(["border-radius:",";"],t.map((o=>`var(--${o})`)).join(" "))}),(o=>{var{cssProps:r,bg:t,backgroundColor:e}=o,i=d(o,["cssProps","bg","backgroundColor"]);return c(u({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)),(({display:o,hidden:t})=>r(["display:",";"],t?"none":o)));export{f as default};

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

@@ -0,0 +1,2 @@
+export { default } from "./box.component";
+export type { BoxProps } from "./box.component";

package/esm/components/box/index.js

@@ -0,0 +1 @@
+export{Box as default}from"./box.component.js";