carbon-react 138.2.0 → 138.2.2
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/action-popover/action-popover.style.js +0 -4
- package/esm/components/button/button.component.js +2 -1
- package/esm/components/profile/profile.component.js +2 -2
- package/lib/components/action-popover/action-popover.style.js +0 -4
- package/lib/components/button/button.component.js +2 -1
- package/lib/components/profile/profile.component.js +2 -2
- package/package.json +1 -1
|
@@ -3,7 +3,6 @@ import { margin } from "styled-system";
|
|
|
3
3
|
import Icon from "../icon";
|
|
4
4
|
import StyledIcon from "../icon/icon.style";
|
|
5
5
|
import StyledButton from "../button/button.style";
|
|
6
|
-
import { isSafari } from "../../__internal__/utils/helpers/browser-type-check";
|
|
7
6
|
import addFocusStyling from "../../style/utils/add-focus-styling";
|
|
8
7
|
import baseTheme from "../../style/themes/base";
|
|
9
8
|
const oldFocusStyling = `
|
|
@@ -224,9 +223,6 @@ const SubMenuItemIcon = styled(ButtonIcon)`
|
|
|
224
223
|
|
|
225
224
|
${type === "chevron_right_thick" && css`
|
|
226
225
|
right: -5px;
|
|
227
|
-
${isSafari(navigator) && css`
|
|
228
|
-
top: var(--sizing100);
|
|
229
|
-
`}
|
|
230
226
|
`}
|
|
231
227
|
`}
|
|
232
228
|
`;
|
|
@@ -42,7 +42,8 @@ function renderChildren({
|
|
|
42
42
|
}, iconProps)), isValidChildren && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(StyledButtonMainText, {
|
|
43
43
|
"data-element": "main-text"
|
|
44
44
|
}, children), size === "large" && /*#__PURE__*/React.createElement(StyledButtonSubtext, {
|
|
45
|
-
"data-element": "subtext"
|
|
45
|
+
"data-element": "subtext",
|
|
46
|
+
"data-role": "subtext"
|
|
46
47
|
}, subtext)), iconType && !isValidChildren && /*#__PURE__*/React.createElement(TooltipProvider, {
|
|
47
48
|
disabled: disabled,
|
|
48
49
|
focusable: false,
|
|
@@ -57,12 +57,12 @@ export const Profile = ({
|
|
|
57
57
|
}, /*#__PURE__*/React.createElement(ProfileNameStyle, {
|
|
58
58
|
size: size,
|
|
59
59
|
"data-element": "name"
|
|
60
|
-
}, name), /*#__PURE__*/React.createElement(ProfileEmailStyle, {
|
|
60
|
+
}, name), email && /*#__PURE__*/React.createElement(ProfileEmailStyle, {
|
|
61
61
|
href: `mailto: ${email}`,
|
|
62
62
|
size: size,
|
|
63
63
|
darkBackground: darkBackground,
|
|
64
64
|
"data-element": "email"
|
|
65
|
-
}, email), /*#__PURE__*/React.createElement(ProfileTextStyle, {
|
|
65
|
+
}, email), text && /*#__PURE__*/React.createElement(ProfileTextStyle, {
|
|
66
66
|
size: size,
|
|
67
67
|
"data-element": "text"
|
|
68
68
|
}, text));
|
|
@@ -9,7 +9,6 @@ var _styledSystem = require("styled-system");
|
|
|
9
9
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
10
10
|
var _icon2 = _interopRequireDefault(require("../icon/icon.style"));
|
|
11
11
|
var _button = _interopRequireDefault(require("../button/button.style"));
|
|
12
|
-
var _browserTypeCheck = require("../../__internal__/utils/helpers/browser-type-check");
|
|
13
12
|
var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
|
|
14
13
|
var _base = _interopRequireDefault(require("../../style/themes/base"));
|
|
15
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -233,9 +232,6 @@ const SubMenuItemIcon = exports.SubMenuItemIcon = (0, _styledComponents.default)
|
|
|
233
232
|
|
|
234
233
|
${type === "chevron_right_thick" && (0, _styledComponents.css)`
|
|
235
234
|
right: -5px;
|
|
236
|
-
${(0, _browserTypeCheck.isSafari)(navigator) && (0, _styledComponents.css)`
|
|
237
|
-
top: var(--sizing100);
|
|
238
|
-
`}
|
|
239
235
|
`}
|
|
240
236
|
`}
|
|
241
237
|
`;
|
|
@@ -51,7 +51,8 @@ function renderChildren({
|
|
|
51
51
|
}, iconProps)), isValidChildren && /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_button.StyledButtonMainText, {
|
|
52
52
|
"data-element": "main-text"
|
|
53
53
|
}, children), size === "large" && /*#__PURE__*/_react.default.createElement(_button.StyledButtonSubtext, {
|
|
54
|
-
"data-element": "subtext"
|
|
54
|
+
"data-element": "subtext",
|
|
55
|
+
"data-role": "subtext"
|
|
55
56
|
}, subtext)), iconType && !isValidChildren && /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
|
|
56
57
|
disabled: disabled,
|
|
57
58
|
focusable: false,
|
|
@@ -64,12 +64,12 @@ const Profile = ({
|
|
|
64
64
|
}, /*#__PURE__*/_react.default.createElement(_profile.ProfileNameStyle, {
|
|
65
65
|
size: size,
|
|
66
66
|
"data-element": "name"
|
|
67
|
-
}, name), /*#__PURE__*/_react.default.createElement(_profile.ProfileEmailStyle, {
|
|
67
|
+
}, name), email && /*#__PURE__*/_react.default.createElement(_profile.ProfileEmailStyle, {
|
|
68
68
|
href: `mailto: ${email}`,
|
|
69
69
|
size: size,
|
|
70
70
|
darkBackground: darkBackground,
|
|
71
71
|
"data-element": "email"
|
|
72
|
-
}, email), /*#__PURE__*/_react.default.createElement(_profile.ProfileTextStyle, {
|
|
72
|
+
}, email), text && /*#__PURE__*/_react.default.createElement(_profile.ProfileTextStyle, {
|
|
73
73
|
size: size,
|
|
74
74
|
"data-element": "text"
|
|
75
75
|
}, text));
|