carbon-react 111.7.0 → 111.8.1
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/definition-list/definition-list.style.js +3 -3
- package/esm/components/menu/menu-item/menu-item.component.js +5 -0
- package/esm/components/menu/menu-item/menu-item.d.ts +2 -0
- package/lib/components/definition-list/definition-list.style.js +3 -3
- package/lib/components/menu/menu-item/menu-item.component.js +5 -0
- package/lib/components/menu/menu-item/menu-item.d.ts +2 -0
- package/package.json +1 -1
|
@@ -46,7 +46,7 @@ export const StyledDdDiv = styled.div`
|
|
|
46
46
|
`;
|
|
47
47
|
export const StyledDt = styled.dt`
|
|
48
48
|
${space}
|
|
49
|
-
font-size:
|
|
49
|
+
font-size: var(--fontSizes100);
|
|
50
50
|
font-weight: 700;
|
|
51
51
|
color: var(--colorsUtilityYin090);
|
|
52
52
|
`;
|
|
@@ -54,8 +54,8 @@ StyledDt.defaultProps = {
|
|
|
54
54
|
theme: baseTheme
|
|
55
55
|
};
|
|
56
56
|
export const StyledDd = styled.dd`
|
|
57
|
-
font-size:
|
|
58
|
-
font-weight:
|
|
57
|
+
font-size: var(--fontSizes100);
|
|
58
|
+
font-weight: var(--fontWeights400);
|
|
59
59
|
color: var(--colorsUtilityYin065);
|
|
60
60
|
margin-left: 0px;
|
|
61
61
|
|
|
@@ -32,6 +32,7 @@ const MenuItem = ({
|
|
|
32
32
|
onSubmenuOpen,
|
|
33
33
|
onSubmenuClose,
|
|
34
34
|
overrideColor,
|
|
35
|
+
rel,
|
|
35
36
|
...rest
|
|
36
37
|
}) => {
|
|
37
38
|
const menuContext = useContext(MenuContext);
|
|
@@ -91,6 +92,7 @@ const MenuItem = ({
|
|
|
91
92
|
className: classes,
|
|
92
93
|
href,
|
|
93
94
|
target,
|
|
95
|
+
rel,
|
|
94
96
|
onClick: onClick || (isChildSearch.current ? updateFocusOnClick : undefined),
|
|
95
97
|
icon,
|
|
96
98
|
selected,
|
|
@@ -211,6 +213,9 @@ MenuItem.propTypes = {
|
|
|
211
213
|
/** The target to use for the menu item. */
|
|
212
214
|
target: PropTypes.string,
|
|
213
215
|
|
|
216
|
+
/** The rel attribute to be used for the underlying <a> tag */
|
|
217
|
+
rel: PropTypes.string,
|
|
218
|
+
|
|
214
219
|
/** Flag to display the dropdown arrow when an item has a submenu */
|
|
215
220
|
showDropdownArrow: PropTypes.bool,
|
|
216
221
|
|
|
@@ -19,6 +19,8 @@ export interface MenuItemBaseProps extends LayoutProps, FlexboxProps {
|
|
|
19
19
|
onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
|
|
20
20
|
/** The target to use for the menu item. */
|
|
21
21
|
target?: string;
|
|
22
|
+
/** The rel attribute to be used for the underlying <a> tag */
|
|
23
|
+
rel?: string;
|
|
22
24
|
/** set the colour variant for a menuType */
|
|
23
25
|
variant?: "default" | "alternate";
|
|
24
26
|
/** Flag to display the dropdown arrow when an item has a submenu */
|
|
@@ -66,7 +66,7 @@ const StyledDdDiv = _styledComponents.default.div`
|
|
|
66
66
|
exports.StyledDdDiv = StyledDdDiv;
|
|
67
67
|
const StyledDt = _styledComponents.default.dt`
|
|
68
68
|
${_styledSystem.space}
|
|
69
|
-
font-size:
|
|
69
|
+
font-size: var(--fontSizes100);
|
|
70
70
|
font-weight: 700;
|
|
71
71
|
color: var(--colorsUtilityYin090);
|
|
72
72
|
`;
|
|
@@ -75,8 +75,8 @@ StyledDt.defaultProps = {
|
|
|
75
75
|
theme: _themes.baseTheme
|
|
76
76
|
};
|
|
77
77
|
const StyledDd = _styledComponents.default.dd`
|
|
78
|
-
font-size:
|
|
79
|
-
font-weight:
|
|
78
|
+
font-size: var(--fontSizes100);
|
|
79
|
+
font-weight: var(--fontWeights400);
|
|
80
80
|
color: var(--colorsUtilityYin065);
|
|
81
81
|
margin-left: 0px;
|
|
82
82
|
|
|
@@ -56,6 +56,7 @@ const MenuItem = ({
|
|
|
56
56
|
onSubmenuOpen,
|
|
57
57
|
onSubmenuClose,
|
|
58
58
|
overrideColor,
|
|
59
|
+
rel,
|
|
59
60
|
...rest
|
|
60
61
|
}) => {
|
|
61
62
|
const menuContext = (0, _react.useContext)(_menu.default);
|
|
@@ -117,6 +118,7 @@ const MenuItem = ({
|
|
|
117
118
|
className: classes,
|
|
118
119
|
href,
|
|
119
120
|
target,
|
|
121
|
+
rel,
|
|
120
122
|
onClick: onClick || (isChildSearch.current ? updateFocusOnClick : undefined),
|
|
121
123
|
icon,
|
|
122
124
|
selected,
|
|
@@ -237,6 +239,9 @@ MenuItem.propTypes = {
|
|
|
237
239
|
/** The target to use for the menu item. */
|
|
238
240
|
target: _propTypes.default.string,
|
|
239
241
|
|
|
242
|
+
/** The rel attribute to be used for the underlying <a> tag */
|
|
243
|
+
rel: _propTypes.default.string,
|
|
244
|
+
|
|
240
245
|
/** Flag to display the dropdown arrow when an item has a submenu */
|
|
241
246
|
showDropdownArrow: _propTypes.default.bool,
|
|
242
247
|
|
|
@@ -19,6 +19,8 @@ export interface MenuItemBaseProps extends LayoutProps, FlexboxProps {
|
|
|
19
19
|
onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
|
|
20
20
|
/** The target to use for the menu item. */
|
|
21
21
|
target?: string;
|
|
22
|
+
/** The rel attribute to be used for the underlying <a> tag */
|
|
23
|
+
rel?: string;
|
|
22
24
|
/** set the colour variant for a menuType */
|
|
23
25
|
variant?: "default" | "alternate";
|
|
24
26
|
/** Flag to display the dropdown arrow when an item has a submenu */
|