carbon-react 162.12.0-beta.1 → 162.13.0

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

@@ -0,0 +1,72 @@
+/**
+ * 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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1 @@
+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_12_0__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_12_0__sc-8540121a-1"})(["display:flex;align-items:flex-start;flex:1 0 0;"]),g=e.div.withConfig({displayName:"message.style__MessageContent",componentId:"carbon_v162_12_0__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_12_0__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_12_0__sc-8540121a-4"})(["",""],(({size:e})=>a(["margin:0;font:",";"],n[e].titleFont))),m=e.div.withConfig({displayName:"message.style__CloseButtonWrapper",componentId:"carbon_v162_12_0__sc-8540121a-5"})(["",""],(({size:e})=>a(["padding:",";"],n[e].closeButtonPadding))),b=e.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"carbon_v162_12_0__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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+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/__internal__/multi-action-button.context.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface MultiActionButtonContextProps {
+    align?: "left" | "right";
+}
+declare const _default: React.Context<MultiActionButtonContextProps>;
+export default _default;

package/esm/components/multi-action-button/__internal__/multi-action-button.context.js

@@ -0,0 +1 @@
+import t from"react";var e=t.createContext({});export{e as default};

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

@@ -0,0 +1,3 @@
+export declare const globalSizeS = "32px";
+export declare const globalSizeM = "40px";
+export declare const globalSizeL = "48px";

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

@@ -0,0 +1 @@
+const p="32px",x="40px",o="48px";export{o as globalSizeL,x as globalSizeM,p as globalSizeS};

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

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

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

@@ -0,0 +1 @@
+export{MultiActionButton as default}from"./multi-action-button.component.js";import"./multi-action-button-divider/multi-action-button-divider.component.js";export{default as MultiActionButtonDivider}from"../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js";import"../../__internal__/popover-menu/menu-item/menu-item.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js";import"../../__internal__/popover-menu/popover-menu.component.js";

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

@@ -0,0 +1,2 @@
+import { MenuItemDivider as MultiActionButtonDivider } from "../../../__internal__/popover-menu";
+export default MultiActionButtonDivider;

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

@@ -0,0 +1 @@
+import"../../../__internal__/popover-menu/popover-menu.component.js";import"../../../__internal__/popover-menu/menu-item/menu-item.component.js";import"../../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js";import"../../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js";import"../../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js";import e from"../../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js";import"../../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js";e.displayName="MultiActionButtonDivider";export{e as default};

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { WidthProps } from "styled-system";
+import { SplitButtonProps } from "../split-button";
+export interface MultiActionButtonProps extends Omit<SplitButtonProps, "buttonType" | "iconPosition" | "iconType" | "isWhite" | "align" | "menuWidth"> {
+    /**
+     * @deprecated This prop is deprecated. It will be removed in a future release.
+     * MultiActionButton only supports the primary variant. */
+    buttonType?: "primary" | "secondary" | "tertiary";
+    /**
+     * @deprecated This prop is deprecated and has no effect. It will be removed in a future release.
+     * Second text child, renders under main text, only when size is "large" */
+    subtext?: string;
+    /**
+     * @deprecated This prop is deprecated. It will be removed in a future release.
+     * The component width */
+    width?: WidthProps["width"];
+    /**
+     * @deprecated This prop is deprecated. It will be removed in a future release.
+     * Renders the white variant of the secondary split button */
+    isWhite?: boolean;
+    /**
+     * @deprecated This prop is deprecated. It will be removed in a future release.
+     * Set align of the rendered content */
+    align?: "left" | "right";
+    /** Allows override of the default menu width */
+    menuWidth?: string;
+    /** Apply fullWidth style to the button */
+    fullWidth?: boolean;
+}
+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

@@ -0,0 +1 @@
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as n,useRef as o,useContext as r,useImperativeHandle as i,useCallback as l,useEffect as s,createElement as m}from"react";import u from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import a from"../split-button/__internal__/split-button.context.js";import p from"./multi-action-button.style.js";import{StyledBackdrop as c}from"../split-button/split-button.style.js";import{Button as d}from"../button/__next__/button.component.js";import f from"../icon/icon.component.js";import"../icon/icon.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import _ from"../../style/utils/filter-styled-system-margin-props.js";import b from"../../style/utils/filter-out-styled-system-spacing-props.js";import y from"../../hooks/__internal__/useChildButtons/useChildButtons.js";import h from"../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";import j from"../flat-table/__internal__/flat-table.context.js";import g from"../../__internal__/utils/helpers/guid/index.js";import v from"../../__internal__/popover-menu/popover-menu.component.js";import"../../__internal__/popover-menu/menu-item/menu-item.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js";import"../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js";import O from"../../__internal__/utils/helpers/combine-refs/index.js";import w from"./__internal__/multi-action-button.context.js";import{globalSizeM as x,globalSizeL as k,globalSizeS as P}from"./__internal__/tokens/index.js";import{MAX_VISIBLE_ITEMS as S}from"./multi-action-button.config.js";function C(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function B(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),o.forEach((function(e){C(t,e,n[e])}))}return t}function W(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 n=Object.getOwnPropertySymbols(t);e.push.apply(e,n)}return e}(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))})),t}const D=t=>{switch(t){case"small":return parseFloat(P)*S;case"large":return parseFloat(k)*S;default:return parseFloat(x)*S}},E=n(((n,x)=>{var{align:k="left",position:P="right",disabled:S,buttonType:C="primary",size:E="medium",children:F,text:T,subtext:A,width:L,onClick:M,"data-element":z,"data-role":H,isWhite:I,menuWidth:K,fullWidth:N}=n,R=function(t,e){if(null==t)return{};var n,o,r=function(t,e){if(null==t)return{};var n,o,r={},i=Object.keys(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||(r[n]=t[n]);return r}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(o=0;o<i.length;o++)n=i[o],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}(n,["align","position","disabled","buttonType","size","children","text","subtext","width","onClick","data-element","data-role","isWhite","menuWidth","fullWidth"]);const $=o(null),{isInFlatTable:q}=r(j),G=o(g());i(x,(()=>({focusMainButton(){var t;null===(t=$.current)||void 0===t||t.focus({preventScroll:!0})}})),[]);const{showAdditionalButtons:J,hideButtons:Q,showButtons:U,buttonNode:V,handleToggleButtonKeyDown:X}=y($),Y=u(Q),Z=l((t=>e=>{var n;null==t||t(e),Q(),null===(n=$.current)||void 0===n||n.focus()}),[Q]),tt=t=>{null==M||M(t),J?Q():U(),Y()};return h((()=>Q())),s((()=>{if(!q)return;const t=t=>{t.target instanceof HTMLElement&&"popup-backdrop"===t.target.dataset.role&&J&&Q()};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}}),[Q,q,J]),t(p,W(B({ref:V,"data-component":"multi-action-button","data-element":z,"data-role":H,displayed:J,width:L},_(R)),{children:[q&&J&&e(c,{"data-role":"popup-backdrop"}),e(a.Provider,{value:{inSplitButton:J,onChildButtonClick:Z},children:e(w.Provider,{value:{align:k},children:e(v,{open:J,onOpen:U,onClose:Q,size:E,placement:"left"===P?"bottom-start":"bottom-end",isButtonMenu:!0,id:G.current,controlReference:V,matchReferenceWidth:N,popoverStrategy:"fixed",maxHeight:`${D(E)}px`,width:K,controlWrapperStyle:{width:L?"100%":void 0},popoverControl:(t,n)=>{const o=O(t,$);return m(d,W(B(W(B({},n),{className:J?"active":"","data-element":"toggle-button",key:"toggle-button",ref:o,iconPosition:"after",disabled:S,variantType:C,size:E,subtext:A,onKeyDown:X,onClick:tt,isWhite:I,fullWidth:!0}),b(R)),{children:[T,e(f,{type:"dropdown",color:"inherit",bg:"transparent"})]}))},children:F})})})]}))}));export{E as MultiActionButton,E as default};

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

@@ -0,0 +1,5 @@
+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[];
+export declare const MAX_VISIBLE_ITEMS = 10;

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

@@ -0,0 +1 @@
+const r=["left","right"],t=["small","medium","large"],e=["primary","secondary","tertiary"],a=["left","right"],i=10;export{i as MAX_VISIBLE_ITEMS,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

@@ -0,0 +1,7 @@
+import { MultiActionButtonProps } from "./multi-action-button.component";
+declare const StyledMultiActionButton: import("styled-components").StyledComponent<"div", any, {
+    theme: object;
+} & Pick<MultiActionButtonProps, "width" | "fullWidth" | "menuWidth"> & {
+    displayed: boolean;
+}, "theme">;
+export default StyledMultiActionButton;

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

@@ -0,0 +1 @@
+import t,{css as o}from"styled-components";import{margin as e}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import s from"../../style/utils/element-sizing.js";const l=t.div.attrs(i).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"carbon_v162_12_0__sc-5bc271d9-0"})([""," display:inline-block;position:relative;",' [data-component="scroll-wrapper"]{overflow-y:auto;}form & [data-role="menu-wrapper"]{z-index:1001;}'],e,(({width:t})=>t&&o(["",""],s({width:t}))));export{l as default};

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+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

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

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

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

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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+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_12_0__sc-3a53c00b-0"})(["display:flex;align-items:center;padding:0 40px;min-height:40px;& > *{box-sizing:border-box;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(['&[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

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

package/esm/components/note/index.js

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

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1 @@
+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_12_0__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_12_0__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_12_0__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_12_0__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_12_0__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_12_0__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_12_0__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_12_0__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_12_0__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_12_0__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

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

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

@@ -0,0 +1 @@
+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

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

package/esm/components/number/index.js

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

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+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

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

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

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