carbon-react 111.22.1 → 111.22.3

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

@@ -1,6 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 export interface FieldsetProps extends MarginProps {
+    /** Role */
+    role?: string;
     /** Fieldset content */
     children: React.ReactNode;
     /** The content for the Fieldset Legend */

package/esm/__internal__/fieldset/fieldset.component.js

@@ -208,6 +208,7 @@ Fieldset.propTypes = {
     "toString": PropTypes.func.isRequired,
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string]),
+  "role": PropTypes.string,
   "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
 };
 export default Fieldset;

package/esm/components/accordion/accordion-group/accordion-group.component.d.ts

@@ -4,7 +4,11 @@ declare type AccordionGroupChild = React.ReactElement | boolean | null | undefin
 interface AccordionGroupChildArray extends Array<AccordionGroupChild> {
 }
 export interface AccordionGroupProps extends MarginProps {
+    /** An Accordion or list of Accordion components to be rendered inside the AccordionGroup */
     children?: AccordionGroupChild;
 }
-export declare const AccordionGroup: ({ children, ...rest }: AccordionGroupProps) => JSX.Element;
+export declare const AccordionGroup: {
+    ({ children, ...rest }: AccordionGroupProps): JSX.Element;
+    displayName: string;
+};
 export default AccordionGroup;

package/esm/components/accordion/accordion-group/accordion-group.component.js

@@ -261,4 +261,5 @@ AccordionGroup.propTypes = {
   }), PropTypes.string])
 };
 export { AccordionGroup };
+AccordionGroup.displayName = "AccordionGroup";
 export default AccordionGroup;

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

@@ -4,6 +4,7 @@ import { StyledAccordionContainerProps } from "./accordion.style";
 export interface AccordionProps extends StyledAccordionContainerProps, SpaceProps {
     /** Width of the buttonHeading when it's set, defaults to 150px */
     buttonWidth?: number;
+    /** Content of the Accordion component */
     children?: React.ReactNode;
     /** Set the default state of expansion of the Accordion if component is meant to be used as uncontrolled */
     defaultExpanded?: boolean;

package/esm/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonTypes } from "../../button/button.component";
+import { ButtonIconPosition, ButtonTypes, SizeOptions } from "../../button/button.component";
 import { IconType } from "../../icon";
 export declare type ActionPopoverMenuButtonAria = {
     "aria-haspopup": string;
@@ -8,14 +8,25 @@ export declare type ActionPopoverMenuButtonAria = {
     "aria-expanded": string;
 };
 export interface ActionPopoverMenuButtonProps {
-    children?: string;
+    /** ARIA attributes to be applied to the button HTML element */
+    ariaAttributes: ActionPopoverMenuButtonAria;
+    /** Variant of the menu button */
     buttonType?: ButtonTypes;
+    /** Identifier used for testing purposes, applied to the root element of the component. */
+    "data-element": string;
+    /** Content of the button */
+    children?: string;
+    /** Defines an Icon position related to the children: "before" | "after" */
+    iconPosition?: ButtonIconPosition;
+    /** Defines an Icon type within the button */
     iconType?: IconType;
-    iconPosition?: "after" | "before";
-    size?: "small" | "medium" | "large";
+    /** Assigns a size to the button: "small" | "medium" | "large" */
+    size?: SizeOptions;
+    /** Overrides the default tabindex of the component */
     tabIndex: number;
-    ariaAttributes: ActionPopoverMenuButtonAria;
-    "data-element": string;
 }
-declare const ActionPopoverMenuButton: ({ buttonType, iconType, iconPosition, size, children, ...props }: ActionPopoverMenuButtonProps) => JSX.Element;
+export declare const ActionPopoverMenuButton: {
+    ({ buttonType, iconType, iconPosition, size, children, ...props }: ActionPopoverMenuButtonProps): JSX.Element;
+    displayName: string;
+};
 export default ActionPopoverMenuButton;

package/esm/components/action-popover/action-popover-menu-button/action-popover-menu-button.component.js

@@ -34,4 +34,6 @@ ActionPopoverMenuButton.propTypes = {
   "size": PropTypes.oneOf(["large", "medium", "small"]),
   "tabIndex": PropTypes.number.isRequired
 };
+export { ActionPopoverMenuButton };
+ActionPopoverMenuButton.displayName = "ActionPopoverMenuButton";
 export default ActionPopoverMenuButton;

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

@@ -2,11 +2,11 @@ import styled, { css } from "styled-components";
 import { margin } from "styled-system";
 import StyledAdvancedColorPickerCell from "./advanced-color-picker-cell.style";
 import { StyledColorOptions } from "../simple-color-picker/simple-color-picker.style";
-import StyledSimpleColor from "../simple-color-picker/simple-color/simple-color.style";
+import { StyledSimpleColor } from "../simple-color-picker/simple-color/simple-color.style";
 import { StyledDialogContent, StyledDialogInnerContent } from "../dialog/dialog.style";
 import Dialog from "../dialog/dialog.component";
 import StyledIconButton from "../icon-button/icon-button.style";
-import checkerBoardSvg from "../simple-color-picker/color-sample-box/checker-board.svg";
+import checkerBoardSvg from "../simple-color-picker/simple-color/checker-board.svg";
 import baseTheme from "../../style/themes/base";
 const StyledAdvancedColorPickerWrapper = styled.div`
   ${margin}

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 export interface ButtonBarProps extends SpaceProps {
+    /** Button or IconButton Elements, to be rendered inside the component */
     children: React.ReactNode;
     /** Apply fullWidth style to the button bar */
     fullWidth?: boolean;
@@ -9,5 +10,8 @@ export interface ButtonBarProps extends SpaceProps {
     /** Assigns a size to the buttons: "small" | "medium" | "large" */
     size?: "small" | "medium" | "large";
 }
-declare const ButtonBar: ({ children, size, iconPosition, fullWidth, ...rest }: ButtonBarProps) => JSX.Element;
+export declare const ButtonBar: {
+    ({ children, size, iconPosition, fullWidth, ...rest }: ButtonBarProps): JSX.Element;
+    displayName: string;
+};
 export default ButtonBar;

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

@@ -359,4 +359,6 @@ ButtonBar.propTypes = {
   }), PropTypes.string]),
   "size": PropTypes.oneOf(["large", "medium", "small"])
 };
+export { ButtonBar };
+ButtonBar.displayName = "ButtonBar";
 export default ButtonBar;

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

@@ -1,2 +1,2 @@
-export declare const BUTTON_BAR_SIZES: string[];
-export declare const BUTTON_BAR_ICON_POSITIONS: string[];
+export declare const BUTTON_BAR_SIZES: readonly ["small", "medium", "large"];
+export declare const BUTTON_BAR_ICON_POSITIONS: readonly ["before", "after"];

package/esm/components/carousel/slide/slide.component.d.ts

@@ -1,7 +1,12 @@
 import React from "react";
 export interface SlideProps {
+    /** Content of the Slide */
     children?: React.ReactNode;
+    /** Accepts a callback function which is triggered on Slide click */
     onClick?: (ev: React.MouseEvent<HTMLDivElement>) => void;
 }
-declare const Slide: (props: SlideProps) => JSX.Element;
+export declare const Slide: {
+    (props: SlideProps): JSX.Element;
+    displayName: string;
+};
 export default Slide;

package/esm/components/carousel/slide/slide.component.js

@@ -12,4 +12,6 @@ Slide.propTypes = {
   "children": PropTypes.node,
   "onClick": PropTypes.func
 };
+export { Slide };
+Slide.displayName = "Slide";
 export default Slide;

package/esm/components/duelling-picklist/duelling-picklist.component.js

@@ -60,6 +60,11 @@ const DuellingPicklist = ({
 };
 
 DuellingPicklist.propTypes = { ...marginPropTypes,
+
+  /**
+   * Content of the component, should contain two Picklist children
+   * and a PicklistDivider
+   */
   children: (props, propName) => {
     const prop = props[propName];
     let error;

package/esm/components/duelling-picklist/duelling-picklist.d.ts

@@ -2,6 +2,10 @@ import * as React from "react";
 import { MarginProps } from "styled-system";
 
 export interface DuellingPicklistProps extends MarginProps {
+  /**
+   * Content of the component, should contain two Picklist children
+   * and a PicklistDivider
+   */
   children?: React.ReactNode;
   /** Indicate if component is disabled */
   disabled?: boolean;

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

@@ -7,5 +7,8 @@ export interface FieldsetProps extends StyledFieldsetProps, MarginProps {
     /** The text for the fieldsets legend element. */
     legend?: string;
 }
-declare const Fieldset: ({ children, inline, legend, ...rest }: FieldsetProps) => JSX.Element;
+export declare const Fieldset: {
+    ({ children, inline, legend, ...rest }: FieldsetProps): JSX.Element;
+    displayName: string;
+};
 export default Fieldset;

package/esm/components/fieldset/fieldset.component.js

@@ -194,4 +194,6 @@ Fieldset.propTypes = {
     "valueOf": PropTypes.func.isRequired
   }), PropTypes.string])
 };
+export { Fieldset };
+Fieldset.displayName = "Fieldset";
 export default Fieldset;

package/esm/components/flat-table/flat-table-cell/flat-table-cell.component.js

@@ -65,6 +65,8 @@ FlatTableCell.propTypes = {
 
   /** Content alignment */
   align: PropTypes.oneOf(["center", "left", "right"]),
+
+  /** Cell content */
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
 
   /** Number of columns that a cell should span */

package/esm/components/flat-table/flat-table-cell/flat-table-cell.d.ts

@@ -5,6 +5,7 @@ import { TableBorderSize } from "..";
 export interface FlatTableCellProps extends PaddingProps {
   /** Content alignment */
   align?: "left" | "center" | "right";
+  /** Cell content */
   children?: React.ReactNode | string;
   /** Number of columns that a cell should span */
   colspan?: number | string;

package/esm/components/flat-table/flat-table-header/flat-table-header.component.js

@@ -54,6 +54,8 @@ FlatTableHeader.propTypes = {
 
   /** Content alignment */
   align: PropTypes.oneOf(["center", "left", "right"]),
+
+  /** Header content */
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
 
   /** Number of columns that a header cell should span */

package/esm/components/flat-table/flat-table-header/flat-table-header.d.ts

@@ -8,6 +8,7 @@ export interface FlatTableHeaderProps extends PaddingProps {
   align?: "left" | "center" | "right";
   /** If true sets alternative background color */
   alternativeBgColor?: boolean;
+  /** Header content */
   children?: React.ReactNode | string;
   /** Number of columns that a header cell should span */
   colspan?: number | string;

package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.component.js

@@ -60,6 +60,8 @@ FlatTableRowHeader.propTypes = {
 
   /** Content alignment */
   align: PropTypes.oneOf(["center", "left", "right"]),
+
+  /** RowHeader content */
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
 
   /** Column width, pass a number to set a fixed width in pixels */

package/esm/components/flat-table/flat-table-row-header/flat-table-row-header.d.ts

@@ -5,6 +5,7 @@ import { TableBorderSize } from "..";
 export interface FlatTableRowHeaderProps extends PaddingProps {
   /** Content alignment */
   align?: string;
+  /** RowHeader content */
   children?: React.ReactNode | string;
   /** Column width, pass a number to set a fixed width in pixels */
   width?: number;

package/esm/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -81,13 +81,14 @@ const MenuFullscreen = ({
     flexDirection: "column",
     role: "list",
     inFullscreenView: true
-  }, React.Children.map(children, (child, index) => /*#__PURE__*/React.createElement(MenuContext.Provider, {
+  }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
     value: {
       inFullscreenView: true,
       menuType,
-      inMenu: true
+      inMenu: true,
+      setOpenSubmenuIndex: () => {}
     }
-  }, child, index < React.Children.count(children) - 1 && /*#__PURE__*/React.createElement(MenuDivider, null)))))))));
+  }, React.Children.map(children, (child, index) => /*#__PURE__*/React.createElement(React.Fragment, null, child, index < React.Children.count(children) - 1 && /*#__PURE__*/React.createElement(MenuDivider, null))))))))));
 };
 
 MenuFullscreen.propTypes = {

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

@@ -4,7 +4,9 @@ export declare type Position = "sticky" | "fixed";
 export declare type Orientation = "top" | "bottom";
 export declare type NavigationType = "light" | "dark" | "white" | "black";
 export interface NavigationBarProps extends PaddingProps, FlexboxProps {
+    /** Content of the component */
     children?: React.ReactNode;
+    /** HTML aria-label attribute */
     ariaLabel?: string;
     /** Color scheme of navigation component */
     navigationType?: NavigationType;

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

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

package/esm/components/number/index.js

@@ -1,2 +1 @@
-import Number from "./number.component";
-export default Number;
+export { default } from "./number.component";

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextboxProps } from "../textbox";
+export interface NumberProps extends Omit<TextboxProps, "value"> {
+    /** Value passed to the input */
+    value?: string;
+}
+export declare const Number: ({ onChange, onKeyDown, value, ...rest }: NumberProps) => JSX.Element;
+export default Number;