carbon-react 142.6.0 → 142.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,7 @@ export declare type MenuType = "light" | "dark" | "white" | "black";
3
3
  export interface MenuContextProps {
4
4
  menuType: MenuType;
5
5
  openSubmenuId: string | null;
6
- inMenu: boolean;
6
+ inMenu?: boolean;
7
7
  inFullscreenView?: boolean;
8
8
  setOpenSubmenuId: (id: string | null) => void;
9
9
  registerItem?: (id: string) => void;
@@ -1,7 +1,6 @@
1
1
  import React from "react";
2
2
  export default /*#__PURE__*/React.createContext({
3
3
  menuType: "light",
4
- inMenu: false,
5
4
  openSubmenuId: null,
6
5
  setOpenSubmenuId: /* istanbul ignore next */() => {}
7
6
  });
@@ -12,9 +12,14 @@ export interface VerticalDividerProps extends SpaceProps {
12
12
  displayInline?: boolean;
13
13
  /** Custom tint of the divider, the supported rage is 1-100 */
14
14
  tint?: TintRange;
15
+ /**
16
+ * Set the divider to be hidden from screen readers.
17
+ * Please note that this cannot be overridden when inside a Menu.
18
+ * */
19
+ "aria-hidden"?: boolean;
15
20
  }
16
21
  export declare const VerticalDivider: {
17
- ({ h, height, displayInline, tint, ...props }: VerticalDividerProps): JSX.Element;
22
+ ({ h, height, displayInline, tint, "aria-hidden": ariaHidden, ...props }: VerticalDividerProps): JSX.Element;
18
23
  displayName: string;
19
24
  };
20
25
  export default VerticalDivider;
@@ -8,6 +8,7 @@ const VerticalDivider = ({
8
8
  height,
9
9
  displayInline = false,
10
10
  tint = 80,
11
+ "aria-hidden": ariaHidden,
11
12
  ...props
12
13
  }) => {
13
14
  const {
@@ -21,7 +22,7 @@ const VerticalDivider = ({
21
22
  displayInline: displayInline
22
23
  }, props, {
23
24
  as: inMenu ? "li" : "div",
24
- "aria-hidden": !!inMenu
25
+ "aria-hidden": inMenu ?? ariaHidden
25
26
  }), /*#__PURE__*/React.createElement(StyledDivider, {
26
27
  "data-role": "divider",
27
28
  tint: tint
@@ -29,6 +30,7 @@ const VerticalDivider = ({
29
30
  };
30
31
  if (process.env.NODE_ENV !== "production") {
31
32
  VerticalDivider.propTypes = {
33
+ "aria-hidden": PropTypes.bool,
32
34
  "displayInline": PropTypes.bool,
33
35
  "h": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
34
36
  "height": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
@@ -3,7 +3,7 @@ export declare type MenuType = "light" | "dark" | "white" | "black";
3
3
  export interface MenuContextProps {
4
4
  menuType: MenuType;
5
5
  openSubmenuId: string | null;
6
- inMenu: boolean;
6
+ inMenu?: boolean;
7
7
  inFullscreenView?: boolean;
8
8
  setOpenSubmenuId: (id: string | null) => void;
9
9
  registerItem?: (id: string) => void;
@@ -8,7 +8,6 @@ var _react = _interopRequireDefault(require("react"));
8
8
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
9
  var _default = exports.default = /*#__PURE__*/_react.default.createContext({
10
10
  menuType: "light",
11
- inMenu: false,
12
11
  openSubmenuId: null,
13
12
  setOpenSubmenuId: /* istanbul ignore next */() => {}
14
13
  });
@@ -12,9 +12,14 @@ export interface VerticalDividerProps extends SpaceProps {
12
12
  displayInline?: boolean;
13
13
  /** Custom tint of the divider, the supported rage is 1-100 */
14
14
  tint?: TintRange;
15
+ /**
16
+ * Set the divider to be hidden from screen readers.
17
+ * Please note that this cannot be overridden when inside a Menu.
18
+ * */
19
+ "aria-hidden"?: boolean;
15
20
  }
16
21
  export declare const VerticalDivider: {
17
- ({ h, height, displayInline, tint, ...props }: VerticalDividerProps): JSX.Element;
22
+ ({ h, height, displayInline, tint, "aria-hidden": ariaHidden, ...props }: VerticalDividerProps): JSX.Element;
18
23
  displayName: string;
19
24
  };
20
25
  export default VerticalDivider;
@@ -17,6 +17,7 @@ const VerticalDivider = ({
17
17
  height,
18
18
  displayInline = false,
19
19
  tint = 80,
20
+ "aria-hidden": ariaHidden,
20
21
  ...props
21
22
  }) => {
22
23
  const {
@@ -30,7 +31,7 @@ const VerticalDivider = ({
30
31
  displayInline: displayInline
31
32
  }, props, {
32
33
  as: inMenu ? "li" : "div",
33
- "aria-hidden": !!inMenu
34
+ "aria-hidden": inMenu ?? ariaHidden
34
35
  }), /*#__PURE__*/_react.default.createElement(_verticalDivider.StyledDivider, {
35
36
  "data-role": "divider",
36
37
  tint: tint
@@ -39,6 +40,7 @@ const VerticalDivider = ({
39
40
  exports.VerticalDivider = VerticalDivider;
40
41
  if (process.env.NODE_ENV !== "production") {
41
42
  VerticalDivider.propTypes = {
43
+ "aria-hidden": _propTypes.default.bool,
42
44
  "displayInline": _propTypes.default.bool,
43
45
  "h": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
44
46
  "height": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "142.6.0",
3
+ "version": "142.7.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",