carbon-react 111.4.0 → 111.4.2

package/lib/components/decimal/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./decimal";
+export { default } from "./decimal.component";
+export type { DecimalProps, CustomEvent } from "./decimal.component";

package/lib/components/heading/heading.style.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import Typography from "../typography";
 declare const StyledHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type StyledHeaderProps = {
@@ -12,7 +11,15 @@ declare const StyledHeadingBackButton: import("styled-components").StyledCompone
 declare type StyledHeadingTitleProps = {
     withMargin?: boolean;
 };
-declare const StyledHeadingTitle: import("styled-components").StyledComponent<typeof Typography, any, StyledHeadingTitleProps, never>;
+declare const StyledHeadingTitle: import("styled-components").StyledComponent<"span", any, {
+    as: import("react").ElementType<any> | undefined;
+    size: string;
+    weight: string;
+    textTransform: string;
+    textDecoration: string;
+    lineHeight: string;
+    defaultMargin: string;
+} & import("../typography").TypographyProps & StyledHeadingTitleProps, "as" | "textDecoration" | "size" | "lineHeight" | "textTransform" | "weight" | "defaultMargin">;
 declare const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
 declare type StyledSubHeaderProps = {
     hasBackLink?: boolean;

package/lib/components/menu/menu.d.ts

@@ -5,7 +5,10 @@ type menuType = "light" | "dark" | "white" | "black";
 interface MenuContextProps {
   menuType: menuType;
   isFirstElement: boolean;
-  handleKeyDown: (ev, submenuOpen) => void;
+  handleKeyDown: (
+    ev: React.KeyboardEvent<HTMLAnchorElement | HTMLButtonElement>,
+    submenuOpen?: boolean
+  ) => void;
   isFocused: boolean;
   openSubmenu: boolean;
   inMenu: boolean;

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

@@ -93,10 +93,11 @@ const StyledButtonChildrenContainer = _styledComponents.default.div`
       text-align: ${align};
       z-index: ${theme.zIndex.overlay};
 
-      /* Styling for Safari. Display flex is not supported on buttons in Safari. */
+      /* Styling for Safari. */
       @media not all and (min-resolution: 0.001dpcm) {
         @supports (-webkit-appearance: none) and (stroke-color: transparent) {
           display: -webkit-box;
+          justify-content: ${align === "right" ? `flex-end` : `flex-start`};
         }
       }
 

package/lib/components/search/search.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { MarginProps } from "styled-system";
+import { ValidationProps } from "../../__internal__/validations";
 
 export interface SearchProps extends ValidationProps, MarginProps {
   /** Prop to specify the aria-label of the search component */

package/lib/components/select/filterable-select/filterable-select.d.ts

@@ -4,7 +4,7 @@ import Button from "../../button";
 import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface FilterableSelectProps
-  extends Omit<FormInputPropTypes, "defaultValue"> {
+  extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */
@@ -50,7 +50,7 @@ export interface FilterableSelectProps
   /** Placement of the select list in relation to the input element */
   listPlacement?: Side;
   /** Use the opposite list placement if the set placement does not fit */
-  flipEnabled?: bool;
+  flipEnabled?: boolean;
 }
 
 declare function FilterableSelect(

package/lib/components/select/multi-select/multi-select.d.ts

@@ -3,7 +3,7 @@ import { Side } from "@floating-ui/dom";
 import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface MultiSelectProps
-  extends Omit<FormInputPropTypes, "defaultValue"> {
+  extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */
@@ -45,7 +45,7 @@ export interface MultiSelectProps
   /** Placement of the select list in relation to the input element */
   listPlacement?: Side;
   /** Use the opposite list placement if the set placement does not fit */
-  flipEnabled?: bool;
+  flipEnabled?: boolean;
   /** Wraps the pill text when it would overflow the input width */
   wrapPillText?: boolean;
 }

package/lib/components/select/select-textbox/select-textbox.d.ts

@@ -5,7 +5,7 @@ import { ValidationProps } from "../../../__internal__/validations";
 
 export interface FormInputPropTypes
   extends ValidationProps,
-    CommonTextboxProps {
+    Omit<CommonTextboxProps, "onClick"> {
   /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
   adaptiveLabelBreakpoint?: number;
   /** If true the Component will be focused when rendered */

package/lib/components/select/simple-select/simple-select.d.ts

@@ -3,7 +3,7 @@ import { Side } from "@floating-ui/dom";
 import { FormInputPropTypes } from "../select-textbox/select-textbox";
 
 export interface SimpleSelectProps
-  extends Omit<FormInputPropTypes, "defaultValue"> {
+  extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
   /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-component"?: string;
   /** Identifier used for testing purposes, applied to the root element of the component. */

package/lib/components/tabs/tabs.d.ts

@@ -34,7 +34,7 @@ export interface TabsProps extends MarginProps {
    * The `id` property should match the `tabId`s for the rendered Tabs.
    */
   validationStatusOverride?: {
-    [id?: string]: {
+    [id: string]: {
       error?: boolean;
       warning?: boolean;
       info?: boolean;

package/lib/components/typography/index.d.ts

@@ -1,2 +1,4 @@
-export { default } from "./typography";
-export { List, ListItem } from "./list";
+export { default } from "./typography.component";
+export { List, ListItem } from "./list.component";
+export type { TypographyProps } from "./typography.component";
+export type { ListProps, ListItemProps } from "./list.component";

package/lib/components/typography/list.component.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TypographyProps } from "./typography.component";
+export interface ListProps extends TypographyProps {
+    children?: React.ReactNode;
+}
+export interface ListItemProps extends TypographyProps {
+    children?: React.ReactNode;
+}
+declare const List: ({ children, as, ...props }: ListProps) => JSX.Element;
+declare const ListItem: ({ children, ...props }: ListItemProps) => JSX.Element;
+export { List, ListItem };