carbon-react 142.1.0 → 142.2.1

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

@@ -23,7 +23,7 @@ declare type StyledSubHeaderProps = {
 declare const StyledSubHeader: import("styled-components").StyledComponent<"div", any, StyledSubHeaderProps, never>;
 declare const StyledHeadingIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 declare const StyledSeparator: import("styled-components").StyledComponent<"hr", any, {}, never>;
-declare const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr").HrProps) => JSX.Element, any, {}, never>;
+declare const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, "aria-hidden": ariaHidden, ...rest }: import("../hr").HrProps) => JSX.Element, any, {}, never>;
 declare const StyledHeaderHelp: import("styled-components").StyledComponent<{
     ({ as, ariaLabel, children, className, href, helpId, isFocused, tabIndex, tooltipBgColor, tooltipFontColor, tooltipFlipOverrides, tooltipId, tooltipPosition, type, ...rest }: import("../help").HelpProps): JSX.Element;
     displayName: string;

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

@@ -1,8 +1,10 @@
 import { MarginProps } from "styled-system";
 export interface HrProps extends MarginProps {
+    /** Set whether the component should be recognised by assistive technologies */
+    "aria-hidden"?: "true" | "false";
     /** Breakpoint for adaptive left and right margins (below the breakpoint they go to 0).
      * Enables the adaptive behaviour when set */
     adaptiveMxBreakpoint?: number;
 }
-export declare const Hr: ({ adaptiveMxBreakpoint, ml, mr, ...rest }: HrProps) => JSX.Element;
+export declare const Hr: ({ adaptiveMxBreakpoint, ml, mr, "aria-hidden": ariaHidden, ...rest }: HrProps) => JSX.Element;
 export default Hr;

package/esm/components/hr/hr.component.js

@@ -7,6 +7,7 @@ const Hr = ({
   adaptiveMxBreakpoint,
   ml,
   mr,
+  "aria-hidden": ariaHidden,
   ...rest
 }) => {
   const largeScreen = useIsAboveBreakpoint(adaptiveMxBreakpoint);
@@ -17,6 +18,7 @@ const Hr = ({
     marginRight = 0;
   }
   return /*#__PURE__*/React.createElement(StyledHr, _extends({
+    "aria-hidden": ariaHidden,
     "data-component": "hr",
     "data-role": "hr",
     ml: marginLeft,
@@ -28,6 +30,7 @@ const Hr = ({
 if (process.env.NODE_ENV !== "production") {
   Hr.propTypes = {
     "adaptiveMxBreakpoint": PropTypes.number,
+    "aria-hidden": PropTypes.oneOf(["false", "true"]),
     "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
       "__@toStringTag": PropTypes.string.isRequired,
       "description": PropTypes.string,

package/esm/components/icon/icon.component.js

@@ -111,7 +111,7 @@ const Icon = /*#__PURE__*/React.forwardRef(({
     return tooltipVisibleFromContext !== undefined ? tooltipVisibleFromContext : tooltipVisible;
   };
   if (tooltipMessage) {
-    const visible = disabled ? undefined : shouldShowTooltip();
+    const visible = disabled ? false : shouldShowTooltip();
     return /*#__PURE__*/React.createElement(Tooltip, {
       message: tooltipMessage,
       position: tooltipPositionFromContext || tooltipPosition,

package/esm/components/icon/icon.style.js

@@ -26,6 +26,10 @@ function adjustIconBgSize(fontSize, bgSize) {
     }
     return iconConfig.backgroundSize[bgSize];
   }
+
+  /* The below is ignored as removing it may cause regressions as some components import StyledIcon directly from this file 
+  however it cannot be tested in the Icon tests as these props always have a value. */
+  /* istanbul ignore next */
   return bgSize ? iconConfig.backgroundSize[bgSize] : undefined;
 }
 const oldFocusStyling = "outline: 2px solid var(--colorsSemanticFocus500);";

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

@@ -23,7 +23,7 @@ declare type StyledSubHeaderProps = {
 declare const StyledSubHeader: import("styled-components").StyledComponent<"div", any, StyledSubHeaderProps, never>;
 declare const StyledHeadingIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 declare const StyledSeparator: import("styled-components").StyledComponent<"hr", any, {}, never>;
-declare const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr").HrProps) => JSX.Element, any, {}, never>;
+declare const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, "aria-hidden": ariaHidden, ...rest }: import("../hr").HrProps) => JSX.Element, any, {}, never>;
 declare const StyledHeaderHelp: import("styled-components").StyledComponent<{
     ({ as, ariaLabel, children, className, href, helpId, isFocused, tabIndex, tooltipBgColor, tooltipFontColor, tooltipFlipOverrides, tooltipId, tooltipPosition, type, ...rest }: import("../help").HelpProps): JSX.Element;
     displayName: string;

package/lib/components/hr/hr.component.d.ts

@@ -1,8 +1,10 @@
 import { MarginProps } from "styled-system";
 export interface HrProps extends MarginProps {
+    /** Set whether the component should be recognised by assistive technologies */
+    "aria-hidden"?: "true" | "false";
     /** Breakpoint for adaptive left and right margins (below the breakpoint they go to 0).
      * Enables the adaptive behaviour when set */
     adaptiveMxBreakpoint?: number;
 }
-export declare const Hr: ({ adaptiveMxBreakpoint, ml, mr, ...rest }: HrProps) => JSX.Element;
+export declare const Hr: ({ adaptiveMxBreakpoint, ml, mr, "aria-hidden": ariaHidden, ...rest }: HrProps) => JSX.Element;
 export default Hr;

package/lib/components/hr/hr.component.js

@@ -14,6 +14,7 @@ const Hr = ({
   adaptiveMxBreakpoint,
   ml,
   mr,
+  "aria-hidden": ariaHidden,
   ...rest
 }) => {
   const largeScreen = (0, _useIsAboveBreakpoint.default)(adaptiveMxBreakpoint);
@@ -24,6 +25,7 @@ const Hr = ({
     marginRight = 0;
   }
   return /*#__PURE__*/_react.default.createElement(_hr.default, _extends({
+    "aria-hidden": ariaHidden,
     "data-component": "hr",
     "data-role": "hr",
     ml: marginLeft,
@@ -36,6 +38,7 @@ exports.Hr = Hr;
 if (process.env.NODE_ENV !== "production") {
   Hr.propTypes = {
     "adaptiveMxBreakpoint": _propTypes.default.number,
+    "aria-hidden": _propTypes.default.oneOf(["false", "true"]),
     "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
       "__@toStringTag": _propTypes.default.string.isRequired,
       "description": _propTypes.default.string,

package/lib/components/icon/icon.component.js

@@ -120,7 +120,7 @@ const Icon = /*#__PURE__*/_react.default.forwardRef(({
     return tooltipVisibleFromContext !== undefined ? tooltipVisibleFromContext : tooltipVisible;
   };
   if (tooltipMessage) {
-    const visible = disabled ? undefined : shouldShowTooltip();
+    const visible = disabled ? false : shouldShowTooltip();
     return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
       message: tooltipMessage,
       position: tooltipPositionFromContext || tooltipPosition,

package/lib/components/icon/icon.style.js

@@ -35,6 +35,10 @@ function adjustIconBgSize(fontSize, bgSize) {
     }
     return _iconConfig.default.backgroundSize[bgSize];
   }
+
+  /* The below is ignored as removing it may cause regressions as some components import StyledIcon directly from this file 
+  however it cannot be tested in the Icon tests as these props always have a value. */
+  /* istanbul ignore next */
   return bgSize ? _iconConfig.default.backgroundSize[bgSize] : undefined;
 }
 const oldFocusStyling = "outline: 2px solid var(--colorsSemanticFocus500);";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "142.1.0",
+  "version": "142.2.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",