carbon-react 162.10.0 → 162.12.0-beta.1

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

@@ -1,72 +0,0 @@
-/**
- * Primary variant colours applied to icon background.
- */
-export declare const variantPrimaryColor: {
-    error: string;
-    info: string;
-    success: string;
-    warning: string;
-    neutral: string;
-    ai: string;
-};
-/**
- * Primary variant colours applied to the border.
- */
-export declare const variantPrimaryColorBorder: {
-    error: string;
-    info: string;
-    success: string;
-    warning: string;
-    neutral: string;
-    ai: string;
-};
-/**
- * Subtle variant colours applied to background.
- */
-export declare const variantSubtleColor: {
-    error: string;
-    info: string;
-    success: string;
-    warning: string;
-    ai: string;
-    callout: string;
-};
-/**
- * Subtle variant colours applied to icon.
- */
-export declare const variantSubtleIconColor: {
-    error: string;
-    info: string;
-    success: string;
-    warning: string;
-    ai: string;
-    callout: string;
-};
-/**
- * Size map for medium and large sizes
- *
- * padding: Padding applied do MessageContent
- * subtleGap: Gap applied to MessageContent when variant is subtle
- * contentGap: Gap applied to MessageContentWrapper
- * closeButtonPadding: Padding applied to CloseButtonWrapper
- * contentFont: Font applied to the Message content
- * titleFont: Font applied to the Message title
- */
-export declare const sizeMap: {
-    medium: {
-        padding: string;
-        subtleGap: string;
-        contentGap: string;
-        closeButtonPadding: string;
-        contentFont: string;
-        titleFont: string;
-    };
-    large: {
-        padding: string;
-        subtleGap: string;
-        contentGap: string;
-        closeButtonPadding: string;
-        contentFont: string;
-        titleFont: string;
-    };
-};

package/esm/components/message/message.config.js

@@ -1 +0,0 @@
-const a={error:"var(--message-contextual-error-bg-default)",info:"var(--message-contextual-info-bg-default)",success:"var(--message-contextual-success-bg-default)",warning:"var(--message-contextual-warning-bg-default)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--message-contextual-ai-bg-default)"},e={error:"var(--message-contextual-error-border-default)",info:"var(--message-contextual-info-border-default)",success:"var(--message-contextual-success-border-default)",warning:"var(--message-contextual-warning-border-default)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--message-contextual-ai-border-default)"},o={error:"var(--message-contextual-error-bg-alt)",info:"var(--message-contextual-info-bg-alt)",success:"var(--message-contextual-success-bg-alt)",warning:"var(--message-contextual-warning-bg-alt)",ai:"var(--message-contextual-ai-bg-alt)",callout:"var(--message-contextual-callout-bg-alt)"},l={error:"var(--message-contextual-error-icon)",info:"var(--message-contextual-info-icon)",success:"var(--message-contextual-success-icon) ",warning:"var(--message-contextual-warning-icon)",ai:"var(--message-contextual-ai-icon)",callout:"var(--message-contextual-callout-icon)"},t={medium:{padding:"var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-m)",subtleGap:"var(--global-space-comp-m)",contentGap:"var(--global-space-comp-2-xs)",closeButtonPadding:"var(--global-space-comp-s) var(--global-space-comp-s) 0 0",contentFont:"var(--global-font-static-comp-regular-m)",titleFont:"var(--global-font-static-comp-medium-m)"},large:{padding:"var(--global-space-comp-l) var(--global-space-comp-m) var(--global-space-comp-l) var(--global-space-comp-l)",subtleGap:"var(--global-space-comp-l)",contentGap:"var(--global-space-comp-xs)",closeButtonPadding:"var(--global-space-comp-m) var(--global-space-comp-m) 0 0",contentFont:"var(--global-font-static-comp-regular-l)",titleFont:"var(--global-font-static-comp-medium-l)"}};export{t as sizeMap,a as variantPrimaryColor,e as variantPrimaryColorBorder,o as variantSubtleColor,l as variantSubtleIconColor};

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

@@ -1,27 +0,0 @@
-import { MarginProps } from "styled-system";
-import { InternalMessageVariant } from "./message.component";
-type MessageStyleProps = {
-    variant: InternalMessageVariant;
-    isSubtle?: boolean;
-    transparent?: boolean;
-    width?: string;
-};
-export declare const MessageStyle: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & MessageStyleProps & MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>, "theme">;
-export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MessageContent: import("styled-components").StyledComponent<"div", any, {
-    size: "medium" | "large";
-    isSubtle?: boolean;
-}, never>;
-export declare const MessageContentWrapper: import("styled-components").StyledComponent<"div", any, {
-    size: "medium" | "large";
-}, never>;
-export declare const MessageTitle: import("styled-components").StyledComponent<"p", any, {
-    size: "medium" | "large";
-}, never>;
-export declare const CloseButtonWrapper: import("styled-components").StyledComponent<"div", any, {
-    size: "medium" | "large";
-}, never>;
-export declare const TypeIconStyle: import("styled-components").StyledComponent<"div", any, MessageStyleProps, never>;
-export {};

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

@@ -1 +0,0 @@
-import e,{css as a}from"styled-components";import{margin as s}from"styled-system";import o from"../../style/themes/apply-base-theme.js";import{variantPrimaryColorBorder as t,variantSubtleColor as r,sizeMap as n,variantPrimaryColor as i,variantSubtleIconColor as l}from"./message.config.js";const d=e.div.attrs(o).withConfig({displayName:"message.style__MessageStyle",componentId:"carbon_v162_9_1__sc-8540121a-0"})(["position:relative;display:flex;box-sizing:border-box;border-radius:var(--global-radius-container-m);overflow:hidden;border:var(--global-borderwidth-xs) solid ",";background-color:var(--message-contextual-bg);max-width:720px;:focus{outline:none;}"," "," "," ",""],(({variant:e})=>t[e]),(({isSubtle:e,variant:s})=>e&&a(["border:",";background-color:",";"],(e=>{switch(e){case"info":return"var(--global-borderwidth-xs) solid var(--message-contextual-info-border-alt)";case"success":return"var(--global-borderwidth-xs) solid var(--message-contextual-success-border-alt)";case"warning":return"var(--global-borderwidth-xs) solid var(--message-contextual-warning-border-alt)";case"ai":return"var(--global-borderwidth-xs) solid var(--message-contextual-ai-border-alt)";default:return"none"}})(s),r[s])),(({transparent:e})=>e&&a(["border:none;background:transparent;"])),(({width:e})=>e&&`width: ${e};`),s),c=e.div.withConfig({displayName:"message.style__MessageWrapper",componentId:"carbon_v162_9_1__sc-8540121a-1"})(["display:flex;align-items:flex-start;flex:1 0 0;"]),g=e.div.withConfig({displayName:"message.style__MessageContent",componentId:"carbon_v162_9_1__sc-8540121a-2"})(["display:flex;flex:1 0 0;",""],(({size:e,isSubtle:s})=>a(["padding:",";",""],n[e].padding,s&&a(["gap:",";"],n[e].subtleGap)))),p=e.div.withConfig({displayName:"message.style__MessageContentWrapper",componentId:"carbon_v162_9_1__sc-8540121a-3"})(["display:flex;flex-direction:column;justify-content:center;color:var(--message-contextual-txt);",""],(({size:e})=>a(["gap:",";font:",";"],n[e].contentGap,n[e].contentFont))),_=e.p.withConfig({displayName:"message.style__MessageTitle",componentId:"carbon_v162_9_1__sc-8540121a-4"})(["",""],(({size:e})=>a(["margin:0;font:",";"],n[e].titleFont))),m=e.div.withConfig({displayName:"message.style__CloseButtonWrapper",componentId:"carbon_v162_9_1__sc-8540121a-5"})(["",""],(({size:e})=>a(["padding:",";"],n[e].closeButtonPadding))),b=e.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"carbon_v162_9_1__sc-8540121a-6"})(["",""],(({transparent:e,isSubtle:s,variant:o})=>a(["display:flex;span{width:var(--global-size-2-xs);height:var(--global-size-2-xs);}"," ",""],!s&&a(["background-color:",";justify-content:center;align-items:center;width:var(--global-size-s);span{&:before{color:var(--message-contextual-icon);}}"],i[o]),(s||e)&&a(["background-color:transparent;span{&:before{color:",";}}"],l[o]))));export{m as CloseButtonWrapper,g as MessageContent,p as MessageContentWrapper,d as MessageStyle,_ as MessageTitle,c as MessageWrapper,b as TypeIconStyle};

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

@@ -1,8 +0,0 @@
-import React from "react";
-import { type ModalProps as InternalModalProps } from "../../__internal__/modal";
-/** @deprecated `Modal` is deprecated. Please use `Dialog` instead. */
-declare const Modal: (props: InternalModalProps) => React.JSX.Element;
-/** @deprecated `Modal` is deprecated. Please use `Dialog` instead. */
-type ModalProps = InternalModalProps;
-export default Modal;
-export type { ModalProps };

package/esm/components/modal/index.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../__internal__/utils/logger/index.js";import r from"../../__internal__/modal/modal.component.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let o=!1;const a=a=>(o||(o=!0,t.deprecate("Carbon `Modal` is deprecated. Please use `Dialog` instead.")),e(r,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){n(e,t,r[t])}))}return e}({},a)));export{a as default};

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

@@ -1,2 +0,0 @@
-export { default } from "./multi-action-button.component";
-export type { MultiActionButtonHandle, MultiActionButtonProps, } from "./multi-action-button.component";

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

@@ -1 +0,0 @@
-export{MultiActionButton as default}from"./multi-action-button.component.js";

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { WidthProps } from "styled-system";
-import { SplitButtonProps } from "../split-button";
-export interface MultiActionButtonProps extends WidthProps, Omit<SplitButtonProps, "buttonType" | "iconPosition" | "iconType"> {
-    /** Button type: "primary" | "secondary" | "tertiary" */
-    buttonType?: "primary" | "secondary" | "tertiary";
-    /** Second text child, renders under main text, only when size is "large" */
-    subtext?: string;
-}
-export type MultiActionButtonHandle = {
-    /** Programmatically focus the main button */
-    focusMainButton: () => void;
-} | null;
-export declare const MultiActionButton: React.ForwardRefExoticComponent<MultiActionButtonProps & React.RefAttributes<MultiActionButtonHandle>>;
-export default MultiActionButton;

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

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o,{forwardRef as r,useRef as n,useContext as i,useImperativeHandle as l,useMemo as s}from"react";import{offset as a,flip as c}from"@floating-ui/dom";import p from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import u from"../split-button/__internal__/split-button.context.js";import{StyledMultiActionButton as d,StyledButtonChildrenContainer as m}from"./multi-action-button.style.js";import f from"../button/button.component.js";import b from"../icon/icon.component.js";import"../icon/icon.style.js";import y from"../../__internal__/popover/popover.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import g from"../../style/utils/filter-out-styled-system-spacing-props.js";import O from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import h from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import _ from"../flat-table/__internal__/flat-table.context.js";import w from"../../__internal__/utils/helpers/guid/index.js";function v(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function P(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),r.forEach((function(e){v(t,e,o[e])}))}return t}function x(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}const k=r(((r,v)=>{var{align:k="left",position:S="left",disabled:B,buttonType:C,size:D,children:A,text:T,subtext:z,width:E,onClick:F,"data-element":I,"data-role":M}=r,K=function(t,e){if(null==t)return{};var o,r,n=function(t,e){if(null==t)return{};var o,r,n={},i=Object.keys(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)o=i[r],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(r,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role"]);const L=n(null),{isInFlatTable:N}=i(_),U=n(w());l(v,(()=>({focusMainButton(){var t;null===(t=L.current)||void 0===t||t.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:V,showButtons:q,hideButtons:G,buttonNode:H,handleToggleButtonKeyDown:J,wrapperProps:Q,contextValue:R}=O(L),W=p(G);h((()=>G()));const X=s((()=>[a(6),c({fallbackStrategy:"initialPlacement"})]),[]);return t(d,x(P({ref:H,"data-component":"multi-action-button","data-element":I,"data-role":M,displayed:V,width:E},j(K)),{children:[t(f,x(P({"aria-expanded":V,"aria-controls":U.current,"data-element":"toggle-button",ref:L,iconPosition:"after",disabled:B,buttonType:C,size:D,subtext:z,onKeyDown:J,onClick:t=>{null==F||F(t),V?G():q(),W()}},g(K)),{children:[T,e(b,{type:"dropdown",color:"inherit",bg:"transparent"})]}),"toggle-button"),e(y,{isOpen:V,disableBackgroundUI:N&&V,disablePortal:!0,placement:"left"===S?"bottom-start":"bottom-end",reference:H,popoverStrategy:"fixed",middleware:X,children:e(m,x(P({id:U.current},Q),{align:k,hidden:!V,children:e(u.Provider,{value:R,children:o.Children.map(A,(t=>e("li",{children:t})))})}))})]}))}));export{k as MultiActionButton,k as default};

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

@@ -1,4 +0,0 @@
-export declare const MULTI_ACTION_BUTTON_ALIGNMENTS: string[];
-export declare const MULTI_ACTION_BUTTON_SIZES: string[];
-export declare const MULTI_ACTION_BUTTON_THEMES: string[];
-export declare const MULTI_ACTION_BUTTON_POSITIONS: string[];

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

@@ -1 +0,0 @@
-const r=["left","right"],t=["small","medium","large"],e=["primary","secondary","tertiary"],a=["left","right"];export{r as MULTI_ACTION_BUTTON_ALIGNMENTS,a as MULTI_ACTION_BUTTON_POSITIONS,t as MULTI_ACTION_BUTTON_SIZES,e as MULTI_ACTION_BUTTON_THEMES};

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

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

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

@@ -1 +0,0 @@
-import o,{css as r}from"styled-components";import{margin as t}from"styled-system";import i from"../button/button.style.js";import n from"../../style/themes/apply-base-theme.js";import a from"../icon/icon.style.js";import e from"../../style/utils/element-sizing.js";const d=o.div.attrs(n).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"carbon_v162_9_1__sc-8c926c18-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,",'{color:var(--colorsActionMajorYang100);}}&:active{background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&&&{color:var(--colorsActionMajorYang100);}&&& [data-component="icon"]:not([data-color]){color:var(--colorsActionMajorYang100);}}',"}"],t,(({width:o})=>o&&r([""," ","{width:100%;justify-content:space-between;}& > ",'{> span{flex:1;min-width:0;}[data-element="main-text"]{width:100%;justify-content:space-between;}}'],e({width:o}),i,i)),i,a,a,(({displayed:o})=>o&&r(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],a))),s=o.ul.attrs(n).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"carbon_v162_9_1__sc-8c926c18-1"})(["",""],(({theme:o,align:t,minWidth:n})=>r(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],n,o.zIndex.popover,"\n  > {\n    &:first-child:last-child > * {\n      border-radius: var(--borderRadius100);\n    }\n\n    &:first-child:not(:last-child) > * {\n      border-top-left-radius: var(--borderRadius100);\n      border-top-right-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius000);\n    }\n\n    &:not(:first-child):not(:last-child) > * {\n      border-radius: var(--borderRadius000);\n    }\n\n    &:last-child:not(:first-child) > * {\n      border-top-right-radius: var(--borderRadius000);\n      border-top-left-radius: var(--borderRadius000);\n      border-bottom-left-radius: var(--borderRadius100);\n      border-bottom-right-radius: var(--borderRadius100);\n    }\n  }\n",i,t,t)));export{s as StyledButtonChildrenContainer,d as StyledMultiActionButton};

package/esm/components/navigation-bar/__internal__/fixed-navigation-bar.context.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { NavigationBarProps } from "..";
-type FixedNavigationBarContextProps = {
-    submenuMaxHeight?: string;
-};
-declare const FixedNavigationBarContext: React.Context<FixedNavigationBarContextProps>;
-export interface FixedNavigationBarContextProviderProps extends Pick<NavigationBarProps, "position" | "orientation" | "offset" | "children"> {
-    navbarRef: React.RefObject<HTMLElement>;
-}
-export declare const FixedNavigationBarContextProvider: ({ position, orientation, offset, children, navbarRef, }: FixedNavigationBarContextProviderProps) => React.JSX.Element;
-export default FixedNavigationBarContext;

package/esm/components/navigation-bar/__internal__/fixed-navigation-bar.context.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{createContext as r,useState as t,useCallback as o,useEffect as i}from"react";import n from"../../../hooks/__internal__/useResizeObserver/useResizeObserver.js";const s=r({}),a=({position:r,orientation:a,offset:u,children:v,navbarRef:f})=>{var l;const[c,d]=t(null===(l=f.current)||void 0===l?void 0:l.offsetHeight),m=o((()=>{var e;return d(null===(e=f.current)||void 0===e?void 0:e.offsetHeight)}),[f]);let h;return i((()=>{m()}),[m]),n(f,m),"fixed"===r&&("top"===a&&void 0!==c?h=`calc(100vh - ${c}px - ${u})`:"bottom"===a&&(h=u)),e(s.Provider,{value:{submenuMaxHeight:h},children:v})};export{a as FixedNavigationBarContextProvider,s as default};

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

@@ -1,2 +0,0 @@
-export { default } from "./navigation-bar.component";
-export type { NavigationBarProps } from "./navigation-bar.component";

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

@@ -1 +0,0 @@
-export{NavigationBar as default}from"./navigation-bar.component.js";

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

@@ -1,31 +0,0 @@
-import React from "react";
-import { PaddingProps, FlexboxProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export type Position = "sticky" | "fixed";
-export type Orientation = "top" | "bottom";
-export type NavigationType = "light" | "dark" | "white" | "black";
-export interface NavigationBarProps extends PaddingProps, FlexboxProps, TagProps {
-    /** Content of the component */
-    children?: React.ReactNode;
-    /** Defines the colour variant of the navigation bar */
-    variant?: "white" | "black";
-    /** HTML aria-label attribute */
-    ariaLabel?: string;
-    /**
-     * @deprecated `navigationType` has been deprecated, `variant` should be used instead.
-     * Color scheme of navigation component.
-     */
-    navigationType?: NavigationType;
-    /** If 'true' the children will not be visible */
-    isLoading?: boolean;
-    /** Defines whether the navigation bar should be positioned fixed or sticky */
-    position?: Position;
-    /** Defines the offset of navigation bar */
-    offset?: string;
-    /** Defines whether the navigation bar should be positioned top or bottom */
-    orientation?: Orientation;
-    /** @private @ignore HTML data-component attribute */
-    "data-component"?: string;
-}
-export declare const NavigationBar: ({ variant, navigationType, isLoading, children, ariaLabel, position, offset, orientation, "data-component": dataComponent, ...props }: NavigationBarProps) => JSX.Element;
-export default NavigationBar;

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

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useRef as e}from"react";import r from"./navigation-bar.style.js";import{FixedNavigationBarContextProvider as n}from"./__internal__/fixed-navigation-bar.context.js";import o from"../../__internal__/utils/helpers/tags/tags.js";function i(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function a(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){i(t,e,r[e])}))}return t}function c(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 r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const l=i=>{var{variant:l,navigationType:f,isLoading:p=!1,children:s,ariaLabel:b,position:u,offset:O="0px",orientation:y,"data-component":g}=i,j=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(i,["variant","navigationType","isLoading","children","ariaLabel","position","offset","orientation","data-component"]);const m=e(null);return t(r,c(a(c(a({role:"navigation","aria-label":b,$variant:l||("dark"===f||"black"===f?"black":"white"),$orientation:y,$offset:O,$position:u},j),{ref:m}),o(g||"navigation-bar",j)),{children:t(n,{orientation:y,offset:O,position:u,navbarRef:m,children:!p&&s})}))};export{l as NavigationBar,l as default};

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

@@ -1,25 +0,0 @@
-import { PaddingProps, FlexboxProps } from "styled-system";
-import { Position, Orientation } from "./navigation-bar.component";
-export type StyledNavigationBarProps = PaddingProps & FlexboxProps & {
-    /** Color scheme of navigation component */
-    $variant?: "white" | "black";
-    /** Defines whether the navigation bar should be positioned fixed or sticky */
-    $position?: Position;
-    /** Defines the offset of navigation bar */
-    $offset?: string;
-    /** Defines whether the navigation bar should be positioned top or bottom */
-    $orientation?: Orientation;
-};
-declare const StyledNavigationBar: import("styled-components").StyledComponent<"nav", any, {
-    theme: object;
-} & PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
-    /** Color scheme of navigation component */
-    $variant?: "white" | "black";
-    /** Defines whether the navigation bar should be positioned fixed or sticky */
-    $position?: Position;
-    /** Defines the offset of navigation bar */
-    $offset?: string;
-    /** Defines whether the navigation bar should be positioned top or bottom */
-    $orientation?: Orientation;
-}, "theme">;
-export default StyledNavigationBar;

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

@@ -1 +0,0 @@
-import a,{css as e}from"styled-components";import{padding as n,flexbox as o}from"styled-system";import i from"../../style/themes/apply-base-theme.js";const t=a.nav.attrs(i).withConfig({displayName:"navigation-bar.style__StyledNavigationBar",componentId:"carbon_v162_9_1__sc-59d79374-0"})(["display:flex;align-items:center;padding:0 40px;& > *{box-sizing:border-box;min-height:40px;vertical-align:middle;}@media only screen and (max-width:1259px){padding:0 32px;}@media only screen and (max-width:959px){padding:0 24px;}@media only screen and (max-width:599px){padding:0 16px;}&&{","}"," .carbon-logo{margin-right:10px;}"," ",""],n,o,(({$position:a,$orientation:n,$offset:o})=>a&&n&&e(["position:",";",":",";",""],a,n,o,"fixed"===a&&e(["box-sizing:border-box;width:100%;"]))),(({$variant:a})=>e(['min-height:40px;&[data-component="global-header"]{z-index:var(--carbon-zindex-global-nav);}&:not([data-component="global-header"]){z-index:var(--carbon-zindex-nav);}'," ",""],"black"===a&&e(["background-color:var(--nav-primary-bg-default);color:var(--nav-primary-label-default);"]),"white"===a&&e(["background-color:var(--nav-tertiary-bg-default);color:var(--nav-tertiary-label-default);"]))));export{t as default};

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

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

package/esm/components/note/index.js

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

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

@@ -1,30 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface NoteProps extends MarginProps, TagProps {
-    /** The aria-label to be used when no title is present */
-    "aria-label"?: string;
-    /** Adds a created on date to the Note footer */
-    createdDate: string;
-    /** renders a control for the Note */
-    inlineControl?: React.ReactNode;
-    /** Adds a name to the Note footer */
-    name?: string;
-    /**  The rich text content to display in the Note */
-    noteContent: string;
-    /** Callback to report a url when a link is added */
-    onLinkAdded?: (url: string) => void;
-    /** LinkPreviews to display of any links added to the Editor */
-    previews?: React.ReactNode;
-    /** Adds a status and timestamp below the created details */
-    status?: {
-        text: string;
-        timeStamp: string;
-    };
-    /** Adds a Title to the Note */
-    title?: React.ReactNode;
-    /** Set a percentage-based width for the whole Note component, relative to its parent. */
-    width?: number;
-}
-export declare const Note: ({ "aria-label": ariaLabel, createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
-export default Note;

package/esm/components/note/note.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import n from"invariant";import{StyledNote as r,StyledNoteMain as i,StyledNoteContent as a,StyledTitleRow as l,StyledNoteTitle as c,StyledTitleWrapper as p,StyledInlineControl as d,StyledFooter as s,StyledFooterContent as m,StyledTimestamps as u}from"./note.style.js";import{ActionPopover as b}from"../action-popover/action-popover.component.js";import"../action-popover/action-popover-menu/action-popover-menu.component.js";import"../action-popover/action-popover-item/action-popover-item.component.js";import"../action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"../action-popover/action-popover-divider/action-popover-divider.component.js";import{Button as f}from"../button/__next__/button.component.js";import v from"../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import h from"../text-editor/text-editor.context.js";import y from"../../__internal__/utils/helpers/tags/tags.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import O from"./note.utils.js";function w(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}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){w(e,t,o[t])}))}return e}function g(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}const P=w=>{var{"aria-label":P,createdDate:x,inlineControl:k,name:S,noteContent:C,onLinkAdded:E,previews:D,status:T,title:$,width:A=100}=w,L=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(w,["aria-label","createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);const B=j();n(A>0,"<Note> width must be greater than 0"),n(!k||o.isValidElement(k)&&k.type===b,"<Note> inlineControl must be an instance of <ActionPopover>");const I=o.isValidElement(k)?k:void 0,N=I?o.cloneElement(I,{renderButton:I.props.renderButton||(({tabIndex:t,"data-element":o,ariaAttributes:n})=>e(f,g(_({},n),{tabIndex:t,"data-element":o,iconType:"ellipsis_vertical",size:"medium",variant:"default",variantType:"subtle"})))}):void 0;return e(h.Provider,{value:{onLinkAdded:E},children:t(r,g(_({width:A},L,y("note",L)),{children:[e(i,{"data-role":"note-main",children:t(a,{$hasTitlelessControl:!$&&!!N,$isBody:!0,"data-role":"note-body",children:[$&&t(l,{"data-role":"note-title-row",children:["string"==typeof $?e(c,{"data-role":"note-title",children:$}):e(p,{"data-role":"note-title-wrapper",children:$}),N&&e(d,{"data-role":"note-inline-control",children:N})]}),e(v,{"aria-label":P,initialValue:C}),!$&&N&&e(d,{$isTitleless:!0,"data-role":"note-inline-control",children:N})]})}),D&&e(a,{"data-role":"note-previews",$isPreviews:!0,children:D}),x&&e(a,{"data-role":"note-metadata",$hasPreviews:!!o.Children.count(D),children:t(s,{"data-element":"note-footer","data-role":"note-footer",children:[S&&e(m,{$isName:!0,children:S}),t(u,{"data-role":"note-timestamps",children:[t(m,{"data-role":"note-created-block",children:[e("span",{children:B.note.created()}),e("time",{dateTime:O(x)?x:void 0,children:x})]}),T&&t(m,{"data-component":"note-status","data-role":"note-updated-block",children:[e("span",{children:T.text}),e("time",{dateTime:O(T.timeStamp)?T.timeStamp:void 0,children:T.timeStamp})]})]})]})})]}))})};export{P as Note,P as default};

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

@@ -1,24 +0,0 @@
-declare const StyledNoteContent: import("styled-components").StyledComponent<"div", any, {
-    $hasTitlelessControl?: boolean;
-    $hasPreviews?: boolean;
-    $isPreviews?: boolean;
-    $isBody?: boolean;
-}, never>;
-declare const StyledNoteMain: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledNoteTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
-declare const StyledInlineControl: import("styled-components").StyledComponent<"div", any, {
-    $isTitleless?: boolean;
-}, never>;
-declare const StyledTitleRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledFooterContent: import("styled-components").StyledComponent<"div", any, {
-    $isName?: boolean;
-}, never>;
-declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledTimestamps: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledNote: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & {
-    width: number;
-}, "theme">;
-export { StyledNote, StyledNoteContent, StyledNoteMain, StyledInlineControl, StyledNoteTitle, StyledTitleRow, StyledTitleWrapper, StyledFooter, StyledFooterContent, StyledTimestamps, };

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

@@ -1 +0,0 @@
-import a,{css as o}from"styled-components";import{margin as e}from"styled-system";import l from"../../style/themes/apply-base-theme.js";import{VARIANT_TYPES as t}from"../typography/typography.component.js";const n=a.div.withConfig({displayName:"note.style__StyledNoteContent",componentId:"carbon_v162_9_1__sc-5ea7ec6f-0"})(["position:relative;"," "," "," ",";"],(({$isBody:a})=>a&&o(["display:flex;flex-direction:column;flex:1;gap:var(--global-space-comp-l);min-width:0;padding:var(--global-space-comp-xl);> div[readonly]{padding:var(--global-space-none);}"])),(({$hasPreviews:a})=>a&&o(["margin-top:var(--global-space-comp-l);"])),(({$hasTitlelessControl:a})=>a&&o(['[role="article"]{padding-inline-end:calc( var(--global-size-m) + var(--global-space-comp-l) );}'])),(({$isPreviews:a})=>o([""," ",""],!a&&o(["a{color:var(--link-typical-label-default);&:hover{cursor:pointer;color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}"]),a&&o(["display:flex;flex-direction:column;gap:var(--global-space-comp-s);"])))),i=a.div.withConfig({displayName:"note.style__StyledNoteMain",componentId:"carbon_v162_9_1__sc-5ea7ec6f-1"})(['[role="article"]{color:var(--container-standard-txt-default);font:var(--global-font-static-body-regular-m);> :last-child{margin-bottom:var(--global-space-none);}}']),r=a.h3.withConfig({displayName:"note.style__StyledNoteTitle",componentId:"carbon_v162_9_1__sc-5ea7ec6f-2"})(["color:var(--container-standard-txt-default);font:var(--global-font-static-heading-m);margin:var(--global-space-none);"]),d=a.div.withConfig({displayName:"note.style__StyledInlineControl",componentId:"carbon_v162_9_1__sc-5ea7ec6f-3"})(["display:inline-flex;flex:0 0 var(--global-size-m);height:var(--global-size-m);min-width:fit-content;width:var(--global-size-m);",""],(({$isTitleless:a})=>a&&o(["inset-inline-end:var(--global-space-comp-xl);position:absolute;top:var(--global-space-comp-xl);"]))),s=a.div.withConfig({displayName:"note.style__StyledTitleRow",componentId:"carbon_v162_9_1__sc-5ea7ec6f-4"})(["align-items:flex-start;display:flex;gap:var(--global-space-comp-l);justify-content:flex-end;min-width:0;width:100%;> :not(","){flex:1;min-width:0;padding-top:var(--global-space-comp-xs);}"],d),c=a.div.withConfig({displayName:"note.style__StyledTitleWrapper",componentId:"carbon_v162_9_1__sc-5ea7ec6f-5"})(["",""],t.map((a=>`\n      ${a}{\n        font: var(--global-font-static-heading-m);\n      }\n    `))),p=a.div.withConfig({displayName:"note.style__StyledFooterContent",componentId:"carbon_v162_9_1__sc-5ea7ec6f-6"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xs);> span{color:var(--container-standard-txt-default);font:var(--global-font-static-comp-medium-m);}"," time{color:var(--container-standard-txt-alt);font:var(--global-font-static-comp-regular-xs);}"],(({$isName:a})=>a&&o(["color:var(--container-standard-txt-default);font:var(--global-font-static-section-heading-s);"]))),m=a.div.withConfig({displayName:"note.style__StyledFooter",componentId:"carbon_v162_9_1__sc-5ea7ec6f-7"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-s);padding:var(--global-space-comp-l) var(--global-space-none) var(--global-space-comp-xl);"]),g=a.div.withConfig({displayName:"note.style__StyledTimestamps",componentId:"carbon_v162_9_1__sc-5ea7ec6f-8"})(["display:flex;flex-direction:column;gap:var(--global-space-comp-xl);"]),b=a.div.attrs(l).withConfig({displayName:"note.style__StyledNote",componentId:"carbon_v162_9_1__sc-5ea7ec6f-9"})(["",' > [data-role="note-metadata"]{border-radius:var(--global-radius-action-xs) var(--global-radius-action-xs) var(--global-radius-none) var(--global-radius-none);border-top-color:var(--container-standard-border-default);border-top-style:solid;border-top-width:var(--global-borderwidth-xs);margin-left:var(--global-space-comp-xl);margin-right:var(--global-space-comp-xl);}> [data-role="note-previews"]{padding:var(--global-space-none) var(--global-space-comp-xl) var(--global-space-comp-xl);}.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}.mention{cursor:default !important;}',""],(({width:a})=>o(["background-color:var(--container-standard-bg-default);border:var(--global-borderwidth-xs) solid var(--container-standard-border-default);border-radius:var(--global-radius-action-m);display:flex;flex-direction:column;min-width:288px;padding:var(--global-space-none);position:relative;width:","%;box-sizing:border-box;","{box-sizing:border-box;width:auto;}"],a,n)),e);export{m as StyledFooter,p as StyledFooterContent,d as StyledInlineControl,b as StyledNote,n as StyledNoteContent,i as StyledNoteMain,r as StyledNoteTitle,g as StyledTimestamps,s as StyledTitleRow,c as StyledTitleWrapper};

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

@@ -1,2 +0,0 @@
-declare const isValidISOString: (value: string) => boolean;
-export default isValidISOString;

package/esm/components/note/note.utils.js

@@ -1 +0,0 @@
-import{isValid as d,parseISO as t}from"date-fns";const e=/^\d{4}-\d{2}-\d{2}(?:T\d{2}:\d{2}(?::\d{2}(?:\.\d+)?)?(?:Z|[+-]\d{2}:\d{2})?)?$/,o=o=>e.test(o)&&d(t(o));export{o as default};

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

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

package/esm/components/number/index.js

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

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { TextboxProps } from "../textbox";
-/**
- * @deprecated `Number` has been deprecated. See the Carbon documentation for migration details.
- */
-export interface NumberProps extends Omit<TextboxProps, "value"> {
-    /** Value passed to the input */
-    value: string;
-}
-/**
- * @deprecated `Number` has been deprecated. See the Carbon documentation for migration details.
- */
-export declare const Number: React.ForwardRefExoticComponent<NumberProps & React.RefAttributes<HTMLInputElement>>;
-export default Number;

package/esm/components/number/number.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useRef as r}from"react";import{LABEL_VALIDATION_DEFAULT as n,LABEL_WIDTH_DEFAULT as o,SIZE_DEFAULT as a,Textbox as l}from"../textbox/textbox.component.js";import i from"../../__internal__/utils/helpers/tags/tags.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}const b=t.forwardRef(((t,c)=>{var{onChange:b,onKeyDown:f,value:s,align:p="left",labelWidth:O=o,size:g=a,validationOnLabel:y=n}=t,m=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const j=r(null),v=r(null);var d,w,h;return e(l,u((w=u({},m),h=null!=(h={value:s,onChange:e=>{!function(e){return new RegExp("^[-]?[0-9]*$").test(e)}(e.target.value)?(e.target.value=s||"",e.target.setSelectionRange(j.current,v.current)):b(e)},onKeyDown:e=>{j.current=e.target.selectionStart,v.current=e.target.selectionEnd,f&&f(e)},ref:c,align:p,labelWidth:O,size:g,validationOnLabel:y})?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(h)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(h)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(h,e))})),w),i(null!==(d=m["data-component"])&&void 0!==d?d:"number",m)))}));b.displayName="Number";export{b as Number,b as default};

package/esm/components/numeral-date/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./numeral-date.component";
-export type { NumeralDateProps, NumeralDateHandle, } from "./numeral-date.component";

package/esm/components/numeral-date/index.js

@@ -1 +0,0 @@
-export{NumeralDate as default}from"./numeral-date.component.js";

package/esm/components/numeral-date/numeral-date.component.d.ts

@@ -1,148 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { ValidationProps } from "../../__internal__/validations";
-declare const ALLOWED_DATE_FORMATS: readonly [readonly ["dd", "mm", "yyyy"], readonly ["mm", "dd", "yyyy"], readonly ["yyyy", "mm", "dd"], readonly ["dd", "mm"], readonly ["mm", "dd"], readonly ["mm", "yyyy"]];
-export interface NumeralDateValue {
-    dd?: string;
-    mm?: string;
-    yyyy?: string;
-}
-export interface NumeralDateEvent {
-    target: {
-        name?: string;
-        id: string;
-        value: NumeralDateValue;
-    };
-}
-export interface DateInputIds {
-    day?: string;
-    month?: string;
-    year?: string;
-}
-export interface NumeralDateProps extends Pick<ValidationProps, "error">, MarginProps, TagProps {
-    /**
-     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
-     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
-     * Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set
-     **/
-    adaptiveLabelBreakpoint?: number;
-    /** If true, the component will be disabled */
-    disabled?: boolean;
-    /** If true, the component will be read-only */
-    readOnly?: boolean;
-    /** Array of strings to define custom input layout. */
-    dateFormat?: ValidDateFormat;
-    /**  Value  */
-    value: NumeralDateValue;
-    /** When true, enables the internal errors to be displayed */
-    enableInternalError?: boolean;
-    /**
-     * When true, enables the internal warnings to be displayed
-     * @deprecated The `enableInternalWarning` prop is deprecated and will be removed in a future release.
-     **/
-    enableInternalWarning?: boolean;
-    /**
-     * [Legacy] Help content to be displayed under an input
-     * @deprecated The `fieldHelp` prop is deprecated and will be removed in a future release. Please use the `legendHint` prop instead.
-     * */
-    fieldHelp?: React.ReactNode;
-    /** Content for the hint text below the legend. */
-    legendHint?: string;
-    /** `id` for events */
-    id?: string;
-    /** `name` for events */
-    name?: string;
-    /**
-     * [Legacy] The content for the component's label
-     * @deprecated The `label` prop is deprecated and will be removed in a future release. Please use the `legend` prop instead.
-     * */
-    label?: string;
-    /** The content for the component's legend */
-    legend?: string;
-    /**
-     * [Legacy] Text alignment of label
-     * @deprecated Custom label alignment is no longer supported on this component.
-     * */
-    labelAlign?: "left" | "right";
-    /**
-     * Field labels alignment
-     * @deprecated Custom field help alignment is no longer supported on this component.
-     * */
-    fieldLabelsAlign?: "left" | "right";
-    /**
-     * [Legacy] Text applied to label help tooltip, will be rendered as hint text when `validationRedesignOptIn` is true.
-     * @deprecated The `labelHelp` prop is deprecated and will be removed in a future release.
-     */
-    labelHelp?: React.ReactNode;
-    /**
-     * [Legacy] When true, label is placed in line with an input
-     * @deprecated Inline labels are no longer supported on this component.
-     * */
-    labelInline?: boolean;
-    /**
-     * [Legacy] Label width
-     * @deprecated Custom label widths are no longer supported on this component.
-     * */
-    labelWidth?: number;
-    /**
-     * [Legacy] Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8)
-     * @deprecated Custom label spacing is no longer supported on this component
-     * */
-    labelSpacing?: 1 | 2;
-    /** Blur event handler */
-    onBlur?: (ev: NumeralDateEvent) => void;
-    /** Change event handler */
-    onChange: (ev: NumeralDateEvent) => void;
-    /** Flag to configure component as mandatory */
-    required?: boolean;
-    /** Size of an input */
-    size?: "small" | "medium" | "large";
-    /**
-     * [Legacy] When true, validation icons will be placed on labels instead of being placed on the inputs
-     * @deprecated Custom validation icon placement is no longer supported on this component.
-     * */
-    validationOnLabel?: boolean;
-    /**
-     * [Legacy] Overrides the default tooltip position
-     * @deprecated Tooltips are no longer supported on this component.
-     * */
-    tooltipPosition?: "top" | "bottom" | "left" | "right";
-    /**
-     * [Legacy] Aria label for rendered help component
-     * @deprecated Custom help component ARIA labelling is no longer supported on this component,
-     * */
-    helpAriaLabel?: string;
-    /**
-     * A React ref to pass to the input corresponding to the day
-     */
-    dayRef?: React.ForwardedRef<HTMLInputElement>;
-    /**
-     * A React ref to pass to the input corresponding to the month
-     */
-    monthRef?: React.ForwardedRef<HTMLInputElement>;
-    /**
-     * A React ref to pass to the input corresponding to the year
-     */
-    yearRef?: React.ForwardedRef<HTMLInputElement>;
-    /** Render the ValidationMessage above the NumeralDate inputs. */
-    validationMessagePositionTop?: boolean;
-    /** Allow consumers to set IDs for each of the field inputs */
-    inputIds?: DateInputIds;
-    /**
-     * [Legacy] Indicate additional information.
-     * @deprecated Information validation is no longer supported on this component.
-     */
-    info?: string | boolean;
-    /**
-     * Indicate warning information.
-     * @deprecated Warning validation is deprecated and will be removed in a future release.
-     */
-    warning?: string | boolean;
-}
-export type ValidDateFormat = (typeof ALLOWED_DATE_FORMATS)[number];
-export type NumeralDateHandle = {
-    focus: () => void;
-} | null;
-export declare const NumeralDate: React.ForwardRefExoticComponent<NumeralDateProps & React.RefAttributes<NumeralDateHandle>>;
-export default NumeralDate;

package/esm/components/numeral-date/numeral-date.component.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useImperativeHandle as n,useState as a,useMemo as l}from"react";import i from"invariant";import o from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import d from"../../style/utils/filter-styled-system-margin-props.js";import y from"./numeral-date.style.js";import{TextInput as m}from"../textbox/__internal__/__next__/text-input.component.js";import s from"../../__internal__/utils/helpers/guid/index.js";import u from"../../hooks/__internal__/useLocale/useLocale.js";import c from"../../__internal__/fieldset/__next__/fieldset.component.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){p(e,t,r[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const g=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],v=e=>{const t=(new Date).getFullYear(),{format:r}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>r(new Date(Date.UTC(t,e)))))},O=(e,t,r)=>({dd:e.numeralDate.validation.day(t?v(e.locale())[+t-1]:void 0,r),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),h=e=>{if(!(null==e?void 0:e.trim()))return;const t=Number(e);return Number.isNaN(t)?void 0:t},j=(e,t)=>{switch(e){case"mm":return t.numeralDate.labels.month();case"yyyy":return t.numeralDate.labels.year();default:return t.numeralDate.labels.day()}},_={default:{small:"48px",medium:"56px",large:"64px"},year:{small:"64px",medium:"72px",large:"80px"}},w=t(((t,p)=>{var{dateFormat:v=["dd","mm","yyyy"],error:w="",size:D="medium",disabled:P,id:x,name:I,onBlur:N,onChange:M,value:S,legend:k,legendHint:F,required:L,readOnly:A,enableInternalError:E,enableInternalWarning:H,dayRef:R,monthRef:T,yearRef:q,validationMessagePositionTop:z=!0,inputIds:B,label:W,labelAlign:C,fieldLabelsAlign:J,warning:Y="",labelInline:$,labelWidth:U,labelHelp:G,labelSpacing:K,fieldHelp:Q,adaptiveLabelBreakpoint:V,tooltipPosition:X,helpAriaLabel:Z}=t,ee=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(t,["dateFormat","error","size","disabled","id","name","onBlur","onChange","value","legend","legendHint","required","readOnly","enableInternalError","enableInternalWarning","dayRef","monthRef","yearRef","validationMessagePositionTop","inputIds","label","labelAlign","fieldLabelsAlign","warning","labelInline","labelWidth","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","tooltipPosition","helpAriaLabel"]);const te=u(),{current:re}=r(x||s()),ne=r({dd:s(),mm:s(),yyyy:s()});var ae,le,ie;const oe={dd:null!==(ae=null==B?void 0:B.day)&&void 0!==ae?ae:ne.current.dd,mm:null!==(le=null==B?void 0:B.month)&&void 0!==le?le:ne.current.mm,yyyy:null!==(ie=null==B?void 0:B.year)&&void 0!==ie?ie:ne.current.yyyy},de=r(v.map((()=>null))),ye=k||W;n(p,(()=>({focus:()=>{var e;null===(e=de.current[0])||void 0===e||e.focus()}})));const[me,se]=a(f({},Object.fromEntries(v.map((e=>[e,""]))))),ue=l((()=>!v||g.find((e=>JSON.stringify(e)===JSON.stringify(v)))),[v]);i(ue,"Forbidden prop dateFormat supplied to NumeralDate. Only one of these date formats is allowed: ['dd', 'mm', 'yyyy'], ['mm', 'dd', 'yyyy'], ['yyyy', 'mm', 'dd'], ['dd', 'mm'], ['mm', 'dd'], ['mm', 'yyyy']");const ce=e=>({target:{name:I,id:re,value:e}}),pe=()=>{(E||H)&&se((e=>f({},e,((e,{dd:t,mm:r,yyyy:n})=>{const a={dd:"",mm:"",yyyy:""},{daysInMonth:l,monthForMessage:i}=((e,t)=>{const r=h(e);if(void 0===r||!Number.isInteger(r)||r>12||r<1)return{daysInMonth:31};const n=t?h(t):(new Date).getFullYear();if(void 0===n||!Number.isInteger(n))return{daysInMonth:31};const a=new Date(n,r,0).getDate();return Number.isNaN(a)?{daysInMonth:31}:{daysInMonth:a,monthForMessage:e}})(r,n),o=h(t),d=h(r),y=h(n);return void 0!==o&&(o>l||o<1)&&(a.dd=O(e,i,String(l)).dd),void 0!==d&&(d>12||d<1)&&(a.mm=O(e).mm),void 0!==y&&(y<1800||y>2200)&&(a.yyyy=O(e).yyyy),a})(te,S)))),setTimeout((()=>{const e=!de.current.find((e=>e===document.activeElement));N&&e&&N(ce(S))}),5)},fe=Object.keys(me).reduce(((e,t)=>me[t]?`${e+me[t]}\n`:e),""),be=E?fe+w:w,ge=H?fe+Y:Y;var ve;return e(c,b(f({id:re,legend:ye,legendHint:null!==(ve=null!=F?F:Q)&&void 0!==ve?ve:G,isDisabled:P,isRequired:L,error:"string"==typeof be?be:void 0,warning:"string"==typeof ge?ge:void 0,validationMessagePositionTop:z,name:I,size:D},o("numeral-date",ee),d(ee)),{children:e(y,{$size:D,children:v.map(((t,r)=>{let n;switch(t.slice(0,2)){case"dd":n=R;break;case"mm":n=T;break;case"yy":n=q}const a="yyyy"===t?_.year[D]:_.default[D];var l;return e("div",{className:"numeral-date-wrapper"+(L?" fieldset-required-input":""),children:e(m,{id:oe[t],label:j(t,te),disabled:P,readOnly:A,error:!!be,warning:!!ge,size:D,value:null!==(l=S[t])&&void 0!==l?l:"",inputMode:"numeric",onChange:e=>((e,t)=>{const{value:r}=e.target,n=b(f({},S),{[t]:r});M(ce(n))})(e,t),onBlur:pe,ref:e=>((e,t,r)=>{de.current[t]=e,r&&("function"==typeof r?r(e):r.current=e)})(e,r,n),maxWidth:a,required:L,my:0})},t)}))})}))}));export{w as NumeralDate,w as default};

package/esm/components/numeral-date/numeral-date.style.d.ts

@@ -1,5 +0,0 @@
-declare const StyledNumeralDate: import("styled-components").StyledComponent<"div", any, {
-    name?: string;
-    $size: "small" | "medium" | "large";
-}, never>;
-export default StyledNumeralDate;

package/esm/components/numeral-date/numeral-date.style.js

@@ -1 +0,0 @@
-import a,{css as l}from"styled-components";const o={small:{font:"var(--global-font-static-comp-regular-s)",gap:"var(--global-space-comp-m)"},medium:{font:"var(--global-font-static-comp-regular-m)",gap:"var(--global-space-comp-l)"},large:{font:"var(--global-font-static-comp-regular-l)",gap:"var(--global-space-comp-xl)"}},e=a.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"carbon_v162_9_1__sc-cb8089db-0"})(["display:inline-flex;",""],(({$size:a})=>l(["gap:",";.numeral-date-wrapper label{font:",";}"],o[a].gap,o[a].font)));export{e as default};