carbon-react 106.0.3 → 106.1.2

package/esm/style/themes/base/base-theme.config.d.ts

@@ -56,6 +56,9 @@ declare function _default(palette: any): {
         colorsYang100: string;
         colorsYang030: string;
         colorsYang080: string;
+        colorsGray600: string;
+        colorsGray700: string;
+        colorsGray750: string;
         colorsGray850: string;
         colorsGray900: string;
         colorsGray1000: string;
@@ -75,19 +78,31 @@ declare function _default(palette: any): {
         colorsComponentsMenuSpringChild400: string;
         colorsComponentsMenuSpringChild500: string;
         colorsComponentsMenuSpringChild600: string;
+        colorsComponentsMenuSpringChildAlt400: string;
         colorsComponentsMenuSpringChildAlt500: string;
         colorsComponentsMenuSpringChildAlt600: string;
+        colorsComponentsMenuSummerStandard400: string;
         colorsComponentsMenuSummerStandard500: string;
         colorsComponentsMenuSummerStandard600: string;
         colorsComponentsMenuSummerStandard700: string;
+        colorsComponentsMenuSummerStandard800: string;
+        colorsComponentsMenuSummerParent400: string;
         colorsComponentsMenuSummerParent500: string;
         colorsComponentsMenuSummerParent600: string;
         colorsComponentsMenuSummerParent700: string;
+        colorsComponentsMenuSummerParent800: string;
+        colorsComponentsMenuSummerChild300: string;
         colorsComponentsMenuSummerChild400: string;
         colorsComponentsMenuSummerChild500: string;
         colorsComponentsMenuSummerChild600: string;
+        colorsComponentsMenuSummerChild700: string;
+        colorsComponentsMenuSummerChild800: string;
+        colorsComponentsMenuSummerChildAlt300: string;
+        colorsComponentsMenuSummerChildAlt400: string;
         colorsComponentsMenuSummerChildAlt500: string;
         colorsComponentsMenuSummerChildAlt600: string;
+        colorsComponentsMenuSummerChildAlt700: string;
+        colorsComponentsMenuSummerChildAlt800: string;
         colorsComponentsMenuAutumnStandard500: string;
         colorsComponentsMenuAutumnStandard600: string;
         colorsComponentsMenuAutumnStandard700: string;
@@ -97,24 +112,37 @@ declare function _default(palette: any): {
         colorsComponentsMenuAutumnChild400: string;
         colorsComponentsMenuAutumnChild500: string;
         colorsComponentsMenuAutumnChild600: string;
+        colorsComponentsMenuAutumnChildAlt400: string;
         colorsComponentsMenuAutumnChildAlt500: string;
         colorsComponentsMenuAutumnChildAlt600: string;
+        colorsComponentsMenuWinterStandard400: string;
         colorsComponentsMenuWinterStandard500: string;
         colorsComponentsMenuWinterStandard600: string;
         colorsComponentsMenuWinterStandard700: string;
+        colorsComponentsMenuWinterStandard800: string;
+        colorsComponentsMenuWinterParent400: string;
         colorsComponentsMenuWinterParent500: string;
         colorsComponentsMenuWinterParent600: string;
         colorsComponentsMenuWinterParent700: string;
+        colorsComponentsMenuWinterParent800: string;
+        colorsComponentsMenuWinterChild300: string;
         colorsComponentsMenuWinterChild400: string;
         colorsComponentsMenuWinterChild500: string;
         colorsComponentsMenuWinterChild600: string;
+        colorsComponentsMenuWinterChild700: string;
+        colorsComponentsMenuWinterChild800: string;
+        colorsComponentsMenuWinterChildAlt300: string;
+        colorsComponentsMenuWinterChildAlt400: string;
         colorsComponentsMenuWinterChildAlt500: string;
         colorsComponentsMenuWinterChildAlt600: string;
+        colorsComponentsMenuWinterChildAlt700: string;
+        colorsComponentsMenuWinterChildAlt800: string;
         colorsComponentsMenuYin100: string;
         colorsComponentsMenuYin065: string;
         colorsComponentsMenuYin090: string;
         colorsComponentsMenuYang100: string;
         colorsComponentsMenuYang080: string;
+        colorsComponentsMenuTransparent: string;
         colorsUtilityMajor100: string;
         colorsUtilityMajor150: string;
         colorsUtilityMajor200: string;
@@ -229,6 +257,7 @@ declare function _default(palette: any): {
         sizing400: string;
         sizing450: string;
         sizing500: string;
+        sizing525: string;
         sizing600: string;
         sizing700: string;
         sizing800: string;
@@ -236,12 +265,13 @@ declare function _default(palette: any): {
         sizing1000: string;
         sizing1300: string;
         sizing1600: string;
+        sizing010: string;
         sizing025: string;
         sizing050: string;
         sizing075: string;
         sizingLogowidth: string;
-        sizing010: string;
         spacing100: string;
+        spacing110: string;
         spacing125: string;
         spacing150: string;
         spacing200: string;
@@ -255,8 +285,10 @@ declare function _default(palette: any): {
         spacing900: string;
         spacing1000: string;
         spacing000: string;
+        spacing010: string;
         spacing025: string;
         spacing050: string;
+        spacing060: string;
         spacing075: string;
         borderWidth100: string;
         borderWidth200: string;
@@ -281,8 +313,11 @@ declare function _default(palette: any): {
         boxShadow200: string;
         boxShadow300: string;
         boxShadow400: string;
-        boxShadow075: string;
+        boxShadow010: string;
         boxShadow050: string;
+        boxShadow075: string;
+        boxShadow090: string;
+        boxShadow091: string;
         fontWeights400: string;
         fontWeights500: string;
         fontWeights700: string;
@@ -303,14 +338,29 @@ declare function _default(palette: any): {
         typographyButtonLabelS: string;
         typographyButtonLabelM: string;
         typographyButtonLabelL: string;
+        typographyCardParagraphM: string;
         typographyCardSelectTitleM: string;
         typographyCardSelectSubtitleM: string;
         typographyCardSelectParagraphM: string;
         typographyDatePickerCalendarDateM: string;
         typographyDatePickerCalendarDayM: string;
         typographyDatePickerCalendarMonthM: string;
+        typographyDialogTitleXs: string;
+        typographyDialogTitleS: string;
+        typographyDialogTitleMs: string;
         typographyDialogTitleM: string;
+        typographyDialogTitleMl: string;
+        typographyDialogTitleL: string;
+        typographyDialogTitleXl: string;
+        typographyDialogTitleXxl: string;
+        typographyDialogParagraphXs: string;
+        typographyDialogParagraphS: string;
+        typographyDialogParagraphMs: string;
         typographyDialogParagraphM: string;
+        typographyDialogParagraphMl: string;
+        typographyDialogParagraphL: string;
+        typographyDialogParagraphXl: string;
+        typographyDialogParagraphXxl: string;
         typographyDrawerTitleM: string;
         typographyDrawerParagraphM: string;
         typographyFlashTextM: string;
@@ -351,24 +401,31 @@ declare function _default(palette: any): {
         typographyLinkTextM: string;
         typographyLinkTextL: string;
         typographyMenuLabelM: string;
+        typographyMenuLabelL: string;
         typographyMenuSegmentTitleM: string;
         typographyMessageHeadingM: string;
         typographyMessageHeadingL: string;
         typographyMessageTextM: string;
         typographyMessageTextL: string;
         typographyPaginationLabelM: string;
-        typographyTileParagraphM: string;
         typographyPillLabelS: string;
         typographyPillLabelM: string;
         typographyPillLabelL: string;
         typographyPillLabelXl: string;
-        typographyProfileEmailXs: string;
-        typographyProfileEmailS: string;
-        typographyProfileEmailM: string;
-        typographyProfileEmailMl: string;
-        typographyProfileEmailL: string;
-        typographyProfileEmailXl: string;
-        typographyProfileEmailXxl: string;
+        typographyProfileEmailTextXs: string;
+        typographyProfileEmailTextS: string;
+        typographyProfileEmailTextM: string;
+        typographyProfileEmailTextMl: string;
+        typographyProfileEmailTextL: string;
+        typographyProfileEmailTextXl: string;
+        typographyProfileEmailTextXxl: string;
+        typographyProfileEmailLinkXs: string;
+        typographyProfileEmailLinkS: string;
+        typographyProfileEmailLinkM: string;
+        typographyProfileEmailLinkMl: string;
+        typographyProfileEmailLinkL: string;
+        typographyProfileEmailLinkXl: string;
+        typographyProfileEmailLinkXxl: string;
         typographyProfileInitialsXs: string;
         typographyProfileInitialsS: string;
         typographyProfileInitialsM: string;
@@ -387,10 +444,20 @@ declare function _default(palette: any): {
         typographyProgressTrackerValueLabelM: string;
         typographyProgressTrackerValueLabelL: string;
         typographySearchLabelM: string;
+        typographySidebarTitleXs: string;
         typographySidebarTitleS: string;
+        typographySidebarTitleMs: string;
         typographySidebarTitleM: string;
+        typographySidebarTitleMl: string;
         typographySidebarTitleL: string;
+        typographySidebarTitleXl: string;
+        typographySidebarParagraphXs: string;
+        typographySidebarParagraphS: string;
+        typographySidebarParagraphMs: string;
         typographySidebarParagraphM: string;
+        typographySidebarParagraphMl: string;
+        typographySidebarParagraphL: string;
+        typographySidebarParagraphXl: string;
         typographyStepFlowCompleteLabelM: string;
         typographyStepFlowCurrentLabelM: string;
         typographyStepFlowIncompleteLabelM: string;
@@ -406,6 +473,7 @@ declare function _default(palette: any): {
         typographyTableCellTextM: string;
         typographyTableCellTextL: string;
         typographyTableCellTextXl: string;
+        typographyTileParagraphM: string;
         typographyTooltipTextM: string;
         typographyTooltipTextL: string;
         opacity300: string;

package/esm/style/themes/sage/index.d.ts

@@ -12,6 +12,9 @@ declare var _default: {
         colorsYang100: string;
         colorsYang030: string;
         colorsYang080: string;
+        colorsGray600: string;
+        colorsGray700: string;
+        colorsGray750: string;
         colorsGray850: string;
         colorsGray900: string;
         colorsGray1000: string;
@@ -31,19 +34,31 @@ declare var _default: {
         colorsComponentsMenuSpringChild400: string;
         colorsComponentsMenuSpringChild500: string;
         colorsComponentsMenuSpringChild600: string;
+        colorsComponentsMenuSpringChildAlt400: string;
         colorsComponentsMenuSpringChildAlt500: string;
         colorsComponentsMenuSpringChildAlt600: string;
+        colorsComponentsMenuSummerStandard400: string;
         colorsComponentsMenuSummerStandard500: string;
         colorsComponentsMenuSummerStandard600: string;
         colorsComponentsMenuSummerStandard700: string;
+        colorsComponentsMenuSummerStandard800: string;
+        colorsComponentsMenuSummerParent400: string;
         colorsComponentsMenuSummerParent500: string;
         colorsComponentsMenuSummerParent600: string;
         colorsComponentsMenuSummerParent700: string;
+        colorsComponentsMenuSummerParent800: string;
+        colorsComponentsMenuSummerChild300: string;
         colorsComponentsMenuSummerChild400: string;
         colorsComponentsMenuSummerChild500: string;
         colorsComponentsMenuSummerChild600: string;
+        colorsComponentsMenuSummerChild700: string;
+        colorsComponentsMenuSummerChild800: string;
+        colorsComponentsMenuSummerChildAlt300: string;
+        colorsComponentsMenuSummerChildAlt400: string;
         colorsComponentsMenuSummerChildAlt500: string;
         colorsComponentsMenuSummerChildAlt600: string;
+        colorsComponentsMenuSummerChildAlt700: string;
+        colorsComponentsMenuSummerChildAlt800: string;
         colorsComponentsMenuAutumnStandard500: string;
         colorsComponentsMenuAutumnStandard600: string;
         colorsComponentsMenuAutumnStandard700: string;
@@ -53,24 +68,37 @@ declare var _default: {
         colorsComponentsMenuAutumnChild400: string;
         colorsComponentsMenuAutumnChild500: string;
         colorsComponentsMenuAutumnChild600: string;
+        colorsComponentsMenuAutumnChildAlt400: string;
         colorsComponentsMenuAutumnChildAlt500: string;
         colorsComponentsMenuAutumnChildAlt600: string;
+        colorsComponentsMenuWinterStandard400: string;
         colorsComponentsMenuWinterStandard500: string;
         colorsComponentsMenuWinterStandard600: string;
         colorsComponentsMenuWinterStandard700: string;
+        colorsComponentsMenuWinterStandard800: string;
+        colorsComponentsMenuWinterParent400: string;
         colorsComponentsMenuWinterParent500: string;
         colorsComponentsMenuWinterParent600: string;
         colorsComponentsMenuWinterParent700: string;
+        colorsComponentsMenuWinterParent800: string;
+        colorsComponentsMenuWinterChild300: string;
         colorsComponentsMenuWinterChild400: string;
         colorsComponentsMenuWinterChild500: string;
         colorsComponentsMenuWinterChild600: string;
+        colorsComponentsMenuWinterChild700: string;
+        colorsComponentsMenuWinterChild800: string;
+        colorsComponentsMenuWinterChildAlt300: string;
+        colorsComponentsMenuWinterChildAlt400: string;
         colorsComponentsMenuWinterChildAlt500: string;
         colorsComponentsMenuWinterChildAlt600: string;
+        colorsComponentsMenuWinterChildAlt700: string;
+        colorsComponentsMenuWinterChildAlt800: string;
         colorsComponentsMenuYin100: string;
         colorsComponentsMenuYin065: string;
         colorsComponentsMenuYin090: string;
         colorsComponentsMenuYang100: string;
         colorsComponentsMenuYang080: string;
+        colorsComponentsMenuTransparent: string;
         colorsUtilityMajor100: string;
         colorsUtilityMajor150: string;
         colorsUtilityMajor200: string;
@@ -194,6 +222,7 @@ declare var _default: {
         sizing400: string;
         sizing450: string;
         sizing500: string;
+        sizing525: string;
         sizing600: string;
         sizing700: string;
         sizing800: string;
@@ -201,12 +230,13 @@ declare var _default: {
         sizing1000: string;
         sizing1300: string;
         sizing1600: string;
+        sizing010: string;
         sizing025: string;
         sizing050: string;
         sizing075: string;
         sizingLogowidth: string;
-        sizing010: string;
         spacing100: string;
+        spacing110: string;
         spacing125: string;
         spacing150: string;
         spacing200: string;
@@ -220,8 +250,10 @@ declare var _default: {
         spacing900: string;
         spacing1000: string;
         spacing000: string;
+        spacing010: string;
         spacing025: string;
         spacing050: string;
+        spacing060: string;
         spacing075: string;
         borderWidth100: string;
         borderWidth200: string;
@@ -246,8 +278,11 @@ declare var _default: {
         boxShadow200: string;
         boxShadow300: string;
         boxShadow400: string;
-        boxShadow075: string;
+        boxShadow010: string;
         boxShadow050: string;
+        boxShadow075: string;
+        boxShadow090: string;
+        boxShadow091: string;
         fontWeights400: string;
         fontWeights500: string;
         fontWeights700: string;
@@ -268,14 +303,29 @@ declare var _default: {
         typographyButtonLabelS: string;
         typographyButtonLabelM: string;
         typographyButtonLabelL: string;
+        typographyCardParagraphM: string;
         typographyCardSelectTitleM: string;
         typographyCardSelectSubtitleM: string;
         typographyCardSelectParagraphM: string;
         typographyDatePickerCalendarDateM: string;
         typographyDatePickerCalendarDayM: string;
         typographyDatePickerCalendarMonthM: string;
+        typographyDialogTitleXs: string;
+        typographyDialogTitleS: string;
+        typographyDialogTitleMs: string;
         typographyDialogTitleM: string;
+        typographyDialogTitleMl: string;
+        typographyDialogTitleL: string;
+        typographyDialogTitleXl: string;
+        typographyDialogTitleXxl: string;
+        typographyDialogParagraphXs: string;
+        typographyDialogParagraphS: string;
+        typographyDialogParagraphMs: string;
         typographyDialogParagraphM: string;
+        typographyDialogParagraphMl: string;
+        typographyDialogParagraphL: string;
+        typographyDialogParagraphXl: string;
+        typographyDialogParagraphXxl: string;
         typographyDrawerTitleM: string;
         typographyDrawerParagraphM: string;
         typographyFlashTextM: string;
@@ -316,24 +366,31 @@ declare var _default: {
         typographyLinkTextM: string;
         typographyLinkTextL: string;
         typographyMenuLabelM: string;
+        typographyMenuLabelL: string;
         typographyMenuSegmentTitleM: string;
         typographyMessageHeadingM: string;
         typographyMessageHeadingL: string;
         typographyMessageTextM: string;
         typographyMessageTextL: string;
         typographyPaginationLabelM: string;
-        typographyTileParagraphM: string;
         typographyPillLabelS: string;
         typographyPillLabelM: string;
         typographyPillLabelL: string;
         typographyPillLabelXl: string;
-        typographyProfileEmailXs: string;
-        typographyProfileEmailS: string;
-        typographyProfileEmailM: string;
-        typographyProfileEmailMl: string;
-        typographyProfileEmailL: string;
-        typographyProfileEmailXl: string;
-        typographyProfileEmailXxl: string;
+        typographyProfileEmailTextXs: string;
+        typographyProfileEmailTextS: string;
+        typographyProfileEmailTextM: string;
+        typographyProfileEmailTextMl: string;
+        typographyProfileEmailTextL: string;
+        typographyProfileEmailTextXl: string;
+        typographyProfileEmailTextXxl: string;
+        typographyProfileEmailLinkXs: string;
+        typographyProfileEmailLinkS: string;
+        typographyProfileEmailLinkM: string;
+        typographyProfileEmailLinkMl: string;
+        typographyProfileEmailLinkL: string;
+        typographyProfileEmailLinkXl: string;
+        typographyProfileEmailLinkXxl: string;
         typographyProfileInitialsXs: string;
         typographyProfileInitialsS: string;
         typographyProfileInitialsM: string;
@@ -352,10 +409,20 @@ declare var _default: {
         typographyProgressTrackerValueLabelM: string;
         typographyProgressTrackerValueLabelL: string;
         typographySearchLabelM: string;
+        typographySidebarTitleXs: string;
         typographySidebarTitleS: string;
+        typographySidebarTitleMs: string;
         typographySidebarTitleM: string;
+        typographySidebarTitleMl: string;
         typographySidebarTitleL: string;
+        typographySidebarTitleXl: string;
+        typographySidebarParagraphXs: string;
+        typographySidebarParagraphS: string;
+        typographySidebarParagraphMs: string;
         typographySidebarParagraphM: string;
+        typographySidebarParagraphMl: string;
+        typographySidebarParagraphL: string;
+        typographySidebarParagraphXl: string;
         typographyStepFlowCompleteLabelM: string;
         typographyStepFlowCurrentLabelM: string;
         typographyStepFlowIncompleteLabelM: string;
@@ -371,6 +438,7 @@ declare var _default: {
         typographyTableCellTextM: string;
         typographyTableCellTextL: string;
         typographyTableCellTextXl: string;
+        typographyTileParagraphM: string;
         typographyTooltipTextM: string;
         typographyTooltipTextL: string;
         opacity300: string;

package/lib/__internal__/input/input-presentation.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { ValidationPropTypes } from "../validations";
+import { ValidationProps } from "../validations";
 export declare type Sizes = "small" | "medium" | "large";
-export interface CommonInputPresentationProps extends ValidationPropTypes {
+export interface CommonInputPresentationProps extends ValidationProps {
     children: React.ReactNode;
     /** If true, the component will be disabled */
     disabled?: boolean;

package/lib/__internal__/validations/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from "./validation-icon.component";
-export { ValidationPropTypes } from "./validations";
+export type { ValidationProps, ValidationIconProps, } from "./validation-icon.component";

package/lib/__internal__/validations/validation-icon.component.d.ts

@@ -1,41 +1,51 @@
-export default ValidationIcon;
-declare function ValidationIcon({ error, warning, info, size, onFocus, onBlur, iconId, tooltipId, isPartOfInput, tabIndex, onClick, tooltipPosition, tooltipFlipOverrides, ...rest }: {
-    [x: string]: any;
-    error: any;
-    warning: any;
-    info: any;
-    size: any;
-    onFocus: any;
-    onBlur: any;
-    iconId: any;
-    tooltipId: any;
-    isPartOfInput: any;
-    tabIndex: any;
-    onClick: any;
-    tooltipPosition: any;
-    tooltipFlipOverrides: any;
-}): JSX.Element | null;
-declare namespace ValidationIcon {
-    namespace propTypes {
-        const size: PropTypes.Requireable<string>;
-        const iconId: PropTypes.Requireable<string>;
-        const tooltipPosition: PropTypes.Requireable<string>;
-        function tooltipFlipOverrides(props: any, propName: any, componentName: any): Error | null;
-        const tooltipId: PropTypes.Requireable<string>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        const onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        const isPartOfInput: PropTypes.Requireable<boolean>;
-        const tabIndex: PropTypes.Requireable<number>;
-        const error: PropTypes.Requireable<string | boolean>;
-        const warning: PropTypes.Requireable<string | boolean>;
-        const info: PropTypes.Requireable<string | boolean>;
-    }
-    namespace defaultProps {
-        const tooltipPosition_1: string;
-        export { tooltipPosition_1 as tooltipPosition };
-        const tabIndex_1: number;
-        export { tabIndex_1 as tabIndex };
-    }
+import React from "react";
+export interface ValidationProps {
+    /** Indicate that error has occurred
+     * Pass string to display icon, tooltip and red border
+     * Pass true boolean to only display red border
+     */
+    error?: boolean | string;
+    /** Indicate additional information
+     * Pass string to display icon, tooltip and blue border
+     * Pass true boolean to only display blue border
+     */
+    info?: boolean | string;
+    /** Indicate that warning has occurred
+     * Pass string to display icon, tooltip and orange border
+     * Pass true boolean to only display orange border
+     */
+    warning?: boolean | string;
+}
+declare type TooltipPositions = "top" | "bottom" | "left" | "right";
+export interface ValidationIconProps extends ValidationProps {
+    /** A small string to indicate the size of the icon */
+    size?: "small" | "medium" | "large";
+    /** The unique id of the component (used with aria-describedby for accessibility) */
+    iconId?: string;
+    /** Define position of the tooltip */
+    tooltipPosition?: TooltipPositions;
+    /**
+     * Overrides the default flip behaviour of the Tooltip,
+     * must be an array containing some or all of ["top", "bottom", "left", "right"]
+     * (see https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements)
+     */
+    tooltipFlipOverrides?: TooltipPositions[];
+    /** Id passed to the tooltip container, used for accessibility purposes */
+    tooltipId?: string;
+    /** An onClick handler */
+    onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
+    /** An onBlur handler */
+    onBlur?: (ev: React.FocusEvent<HTMLElement>) => void;
+    /** An onFocus handler */
+    onFocus?: (ev: React.FocusEvent<HTMLElement>) => void;
+    /** A boolean to indicate if the icon is part of an input */
+    isPartOfInput?: boolean;
+    /** Overrides the default tabindex of the component */
+    tabIndex?: number;
+    /** Margin right, given number will be multiplied by base spacing unit (8) */
+    mr?: number;
+    /** Margin left, given number will be multiplied by base spacing unit (8) */
+    ml?: number;
 }
-import PropTypes from "prop-types";
+export declare const ValidationIcon: ({ error, warning, info, size, onFocus, onBlur, iconId, tooltipId, isPartOfInput, tabIndex, onClick, tooltipPosition, tooltipFlipOverrides, ...rest }: ValidationIconProps) => JSX.Element | null;
+export default ValidationIcon;