carbon-react 106.1.1 → 106.1.4

package/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "106.1.1",
+  "version": "106.1.4",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {
@@ -70,7 +70,7 @@
     "@commitlint/config-conventional": "^11.0.0",
     "@cypress/react": "^5.12.0",
     "@cypress/webpack-dev-server": "^1.8.4",
-    "@sage/design-tokens": "^2.3.0",
+    "@sage/design-tokens": "^2.24.0",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/exec": "^6.0.2",
     "@semantic-release/git": "^10.0.1",

package/esm/__internal__/validations/validation-icon.d.ts

@@ -1,38 +0,0 @@
-import * as React from "react";
-
-import { ValidationPropTypes } from ".";
-
-export interface ValidationIconProps extends ValidationPropTypes {
-  /** 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?: string;
-  /**
-   * 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?: ["top" | "bottom" | "left" | "right"];
-  /** 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;
-}
-
-declare function ValidationIcon(props: ValidationIconProps): JSX.Element;
-
-export default ValidationIcon;

package/esm/__internal__/validations/validations.d.ts

@@ -1,17 +0,0 @@
-export interface ValidationPropTypes {
-  /** 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;
-}

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

@@ -1,38 +0,0 @@
-import * as React from "react";
-
-import { ValidationPropTypes } from ".";
-
-export interface ValidationIconProps extends ValidationPropTypes {
-  /** 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?: string;
-  /**
-   * 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?: ["top" | "bottom" | "left" | "right"];
-  /** 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;
-}
-
-declare function ValidationIcon(props: ValidationIconProps): JSX.Element;
-
-export default ValidationIcon;

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

@@ -1,17 +0,0 @@
-export interface ValidationPropTypes {
-  /** 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;
-}