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.
- package/esm/components/menu/__internal__/menu.context.d.ts +1 -1
- package/esm/components/menu/__internal__/menu.context.js +0 -1
- package/esm/components/vertical-divider/vertical-divider.component.d.ts +6 -1
- package/esm/components/vertical-divider/vertical-divider.component.js +3 -1
- package/lib/components/menu/__internal__/menu.context.d.ts +1 -1
- package/lib/components/menu/__internal__/menu.context.js +0 -1
- package/lib/components/vertical-divider/vertical-divider.component.d.ts +6 -1
- package/lib/components/vertical-divider/vertical-divider.component.js +3 -1
- package/package.json +1 -1
|
@@ -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
|
|
6
|
+
inMenu?: boolean;
|
|
7
7
|
inFullscreenView?: boolean;
|
|
8
8
|
setOpenSubmenuId: (id: string | null) => void;
|
|
9
9
|
registerItem?: (id: string) => void;
|
|
@@ -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":
|
|
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
|
|
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":
|
|
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]),
|