carbon-react 147.9.1 → 147.10.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/portrait/portrait.component.d.ts +1 -1
- package/esm/components/portrait/portrait.component.js +1 -1
- package/esm/components/profile/profile.config.js +2 -2
- package/lib/components/portrait/portrait.component.d.ts +1 -1
- package/lib/components/portrait/portrait.component.js +2 -1
- package/lib/components/profile/profile.config.js +2 -2
- package/package.json +1 -1
|
@@ -43,5 +43,5 @@ export interface PortraitProps extends MarginProps {
|
|
|
43
43
|
/** The hex code of the foreground colour. This will only take effect if use in conjunction with `backgroundColor` */
|
|
44
44
|
foregroundColor?: string;
|
|
45
45
|
}
|
|
46
|
-
declare const Portrait: ({ alt, backgroundColor, foregroundColor, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => React.JSX.Element;
|
|
46
|
+
export declare const Portrait: ({ alt, backgroundColor, foregroundColor, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => React.JSX.Element;
|
|
47
47
|
export default Portrait;
|
|
@@ -5,7 +5,7 @@ import Tooltip from "../tooltip";
|
|
|
5
5
|
import tagComponent from "../../__internal__/utils/helpers/tags/tags";
|
|
6
6
|
import { StyledCustomImg, StyledIcon, StyledPortraitContainer, StyledPortraitInitials } from "./portrait.style";
|
|
7
7
|
import { filterStyledSystemMarginProps } from "../../style/utils";
|
|
8
|
-
const Portrait = ({
|
|
8
|
+
export const Portrait = ({
|
|
9
9
|
alt,
|
|
10
10
|
backgroundColor,
|
|
11
11
|
foregroundColor = undefined,
|
|
@@ -5,14 +5,14 @@ export default {
|
|
|
5
5
|
nameSize: "var(--fontSizes050)",
|
|
6
6
|
emailSize: "var(--fontSizes025)",
|
|
7
7
|
lineHeight: "12px",
|
|
8
|
-
marginLeft: "
|
|
8
|
+
marginLeft: "8px"
|
|
9
9
|
},
|
|
10
10
|
S: {
|
|
11
11
|
initialSize: "var(--fontSizes100)",
|
|
12
12
|
nameSize: "var(--fontSizes100)",
|
|
13
13
|
emailSize: "var(--fontSizes100)",
|
|
14
14
|
lineHeight: "16px",
|
|
15
|
-
marginLeft: "
|
|
15
|
+
marginLeft: "8px"
|
|
16
16
|
},
|
|
17
17
|
M: {
|
|
18
18
|
initialSize: "var(--fontSizes300)",
|
|
@@ -43,5 +43,5 @@ export interface PortraitProps extends MarginProps {
|
|
|
43
43
|
/** The hex code of the foreground colour. This will only take effect if use in conjunction with `backgroundColor` */
|
|
44
44
|
foregroundColor?: string;
|
|
45
45
|
}
|
|
46
|
-
declare const Portrait: ({ alt, backgroundColor, foregroundColor, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => React.JSX.Element;
|
|
46
|
+
export declare const Portrait: ({ alt, backgroundColor, foregroundColor, name, darkBackground, iconType, initials, shape, size, src, onClick, tooltipMessage, tooltipId, tooltipIsVisible, tooltipPosition, tooltipType, tooltipSize, tooltipBgColor, tooltipFontColor, ...rest }: PortraitProps) => React.JSX.Element;
|
|
47
47
|
export default Portrait;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = void 0;
|
|
6
|
+
exports.default = exports.Portrait = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
9
|
var _tooltip = _interopRequireDefault(require("../tooltip"));
|
|
@@ -95,4 +95,5 @@ const Portrait = ({
|
|
|
95
95
|
};
|
|
96
96
|
return renderComponent();
|
|
97
97
|
};
|
|
98
|
+
exports.Portrait = Portrait;
|
|
98
99
|
var _default = exports.default = Portrait;
|
|
@@ -11,14 +11,14 @@ var _default = exports.default = {
|
|
|
11
11
|
nameSize: "var(--fontSizes050)",
|
|
12
12
|
emailSize: "var(--fontSizes025)",
|
|
13
13
|
lineHeight: "12px",
|
|
14
|
-
marginLeft: "
|
|
14
|
+
marginLeft: "8px"
|
|
15
15
|
},
|
|
16
16
|
S: {
|
|
17
17
|
initialSize: "var(--fontSizes100)",
|
|
18
18
|
nameSize: "var(--fontSizes100)",
|
|
19
19
|
emailSize: "var(--fontSizes100)",
|
|
20
20
|
lineHeight: "16px",
|
|
21
|
-
marginLeft: "
|
|
21
|
+
marginLeft: "8px"
|
|
22
22
|
},
|
|
23
23
|
M: {
|
|
24
24
|
initialSize: "var(--fontSizes300)",
|