@atlaskit/profilecard 19.14.0 → 19.15.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/CHANGELOG.md +1141 -1124
- package/afm-cc/tsconfig.json +3 -0
- package/compass.yml +0 -2
- package/dist/cjs/client/ProfileCardClient.js +7 -0
- package/dist/cjs/client/getTeamFromAGG.js +1 -1
- package/dist/cjs/components/Team/TeamProfileCardTrigger.js +2 -6
- package/dist/cjs/components/User/ProfileCardDetails.js +1 -1
- package/dist/cjs/components/User/ProfileCardTrigger.js +2 -6
- package/dist/cjs/styled/Card.js +42 -42
- package/dist/cjs/styled/Error.js +9 -5
- package/dist/cjs/styled/ReportingLines.js +8 -5
- package/dist/cjs/styled/TeamCard.js +21 -16
- package/dist/cjs/util/analytics.js +1 -1
- package/dist/es2019/client/ProfileCardClient.js +7 -0
- package/dist/es2019/client/getTeamFromAGG.js +1 -1
- package/dist/es2019/components/Team/TeamProfileCardTrigger.js +2 -6
- package/dist/es2019/components/User/ProfileCardDetails.js +1 -1
- package/dist/es2019/components/User/ProfileCardTrigger.js +2 -6
- package/dist/es2019/styled/Card.js +207 -208
- package/dist/es2019/styled/Error.js +9 -5
- package/dist/es2019/styled/ReportingLines.js +8 -5
- package/dist/es2019/styled/TeamCard.js +27 -22
- package/dist/es2019/util/analytics.js +1 -1
- package/dist/esm/client/ProfileCardClient.js +7 -0
- package/dist/esm/client/getTeamFromAGG.js +1 -1
- package/dist/esm/components/Team/TeamProfileCardTrigger.js +2 -6
- package/dist/esm/components/User/ProfileCardDetails.js +1 -1
- package/dist/esm/components/User/ProfileCardTrigger.js +2 -6
- package/dist/esm/styled/Card.js +42 -42
- package/dist/esm/styled/Error.js +9 -5
- package/dist/esm/styled/ReportingLines.js +8 -5
- package/dist/esm/styled/TeamCard.js +21 -16
- package/dist/esm/util/analytics.js +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/types.d.ts +83 -89
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/types.d.ts +83 -89
- package/docs/0-intro.tsx +13 -18
- package/docs/1-profilecard-trigger.tsx +13 -19
- package/docs/2-team-profilecard.tsx +26 -32
- package/package.json +119 -117
- package/report.api.md +457 -496
|
@@ -4,47 +4,52 @@ import { borderRadius, gridSize } from '@atlaskit/theme/constants';
|
|
|
4
4
|
import { h600 } from '@atlaskit/theme/typography';
|
|
5
5
|
import { bgColor, teamHeaderBgColor } from './constants';
|
|
6
6
|
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
8
8
|
export const CardTriggerWrapper = styled.div({
|
|
9
9
|
display: 'inherit'
|
|
10
10
|
});
|
|
11
11
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
13
|
export const CardWrapper = styled.div({
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
14
15
|
backgroundColor: bgColor,
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
15
17
|
borderRadius: `${borderRadius()}px`,
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
16
19
|
width: `${gridSize() * 40}px`,
|
|
17
20
|
position: 'relative',
|
|
18
21
|
WebkitFontSmoothing: 'antialiased',
|
|
19
22
|
MozOsxFontSmoothing: 'grayscale'
|
|
20
23
|
});
|
|
21
24
|
|
|
22
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
25
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
23
26
|
export const TeamForbiddenErrorStateWrapper = styled.div({
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
24
28
|
width: `${gridSize() * 40}px`,
|
|
25
29
|
position: 'relative'
|
|
26
30
|
});
|
|
27
31
|
|
|
28
|
-
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled --
|
|
32
|
+
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
29
33
|
export const CardHeader = styled.div`
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
background-color: ${props => props.isLoading ? `var(--ds-background-neutral, ${N20})` : props.image ? '' : teamHeaderBgColor};
|
|
35
|
+
background-image: ${props => props.image ? `url(${props.image})` : ''};
|
|
36
|
+
background-repeat: no-repeat;
|
|
37
|
+
background-position: center;
|
|
38
|
+
background-size: cover;
|
|
39
|
+
box-sizing: content-box;
|
|
40
|
+
height: ${gridSize() * 16}px;
|
|
37
41
|
`;
|
|
38
42
|
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
40
44
|
export const CardContent = styled.div({
|
|
41
45
|
display: 'flex',
|
|
42
46
|
flexDirection: 'column',
|
|
43
47
|
padding: "var(--ds-space-300, 24px)",
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
44
49
|
minHeight: `${gridSize() * 13}px`
|
|
45
50
|
});
|
|
46
51
|
|
|
47
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
52
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
48
53
|
export const TeamName = styled.h6(h600, {
|
|
49
54
|
textTransform: 'none',
|
|
50
55
|
overflow: 'hidden',
|
|
@@ -54,26 +59,26 @@ export const TeamName = styled.h6(h600, {
|
|
|
54
59
|
WebkitBoxOrient: 'vertical'
|
|
55
60
|
});
|
|
56
61
|
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
58
63
|
export const MemberCount = styled.div({
|
|
59
64
|
color: `var(--ds-text-subtlest, ${N200})`,
|
|
60
65
|
marginTop: "var(--ds-space-050, 4px)"
|
|
61
66
|
});
|
|
62
67
|
|
|
63
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
64
69
|
export const AvatarSection = styled.div({
|
|
65
70
|
marginTop: "var(--ds-space-200, 16px)",
|
|
66
71
|
marginLeft: "var(--ds-space-negative-025, -2px)"
|
|
67
72
|
});
|
|
68
73
|
|
|
69
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
75
|
export const DescriptionWrapper = styled.div({
|
|
71
76
|
marginTop: "var(--ds-space-200, 16px)",
|
|
72
77
|
alignItems: 'center',
|
|
73
78
|
display: 'flex'
|
|
74
79
|
});
|
|
75
80
|
|
|
76
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
81
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
77
82
|
export const Description = styled.span({
|
|
78
83
|
overflow: 'hidden',
|
|
79
84
|
maxHeight: '60px',
|
|
@@ -82,7 +87,7 @@ export const Description = styled.span({
|
|
|
82
87
|
WebkitBoxOrient: 'vertical'
|
|
83
88
|
});
|
|
84
89
|
|
|
85
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
90
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
86
91
|
export const ActionButtons = styled.div({
|
|
87
92
|
width: 'calc(100% + 8px)',
|
|
88
93
|
display: 'flex',
|
|
@@ -91,25 +96,25 @@ export const ActionButtons = styled.div({
|
|
|
91
96
|
backgroundColor: "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))"
|
|
92
97
|
});
|
|
93
98
|
|
|
94
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
99
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
95
100
|
export const WrappedButton = styled.div({
|
|
96
101
|
flexBasis: 0,
|
|
97
102
|
flexGrow: 1,
|
|
98
103
|
marginLeft: "var(--ds-space-100, 8px)"
|
|
99
104
|
});
|
|
100
105
|
|
|
101
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
106
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
102
107
|
export const MoreButton = styled.div({
|
|
103
108
|
marginLeft: "var(--ds-space-100, 8px)"
|
|
104
109
|
});
|
|
105
110
|
|
|
106
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
111
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
107
112
|
export const LoadingWrapper = styled.div({
|
|
108
113
|
textAlign: 'center',
|
|
109
114
|
marginTop: "var(--ds-space-500, 40px)"
|
|
110
115
|
});
|
|
111
116
|
|
|
112
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
117
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
113
118
|
export const AccessLockSVGWrapper = styled.div({
|
|
114
119
|
marginBottom: "var(--ds-space-300, 24px)"
|
|
115
120
|
});
|
|
@@ -31,7 +31,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
|
|
|
31
31
|
actionSubjectId,
|
|
32
32
|
attributes: {
|
|
33
33
|
packageName: "@atlaskit/profilecard",
|
|
34
|
-
packageVersion: "19.
|
|
34
|
+
packageVersion: "19.15.0",
|
|
35
35
|
...attributes,
|
|
36
36
|
firedAt: Math.round(getPageTime())
|
|
37
37
|
}
|
|
@@ -3,6 +3,8 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
+
import { isFedRamp } from '@atlaskit/atlassian-context';
|
|
7
|
+
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
6
8
|
import TeamCentralCardClient from './TeamCentralCardClient';
|
|
7
9
|
import TeamProfileCardClient from './TeamProfileCardClient';
|
|
8
10
|
import UserProfileCardClient from './UserProfileCardClient';
|
|
@@ -58,6 +60,11 @@ var ProfileCardClient = /*#__PURE__*/function () {
|
|
|
58
60
|
return ProfileCardClient;
|
|
59
61
|
}();
|
|
60
62
|
function maybeCreateTeamCentralClient(config, clients) {
|
|
63
|
+
if (getBooleanFF('platform.profilecard-disable-team-central-client-in-fedramp_ilnm7')) {
|
|
64
|
+
if (isFedRamp()) {
|
|
65
|
+
return undefined;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
61
68
|
if (clients !== null && clients !== void 0 && clients.teamCentralClient) {
|
|
62
69
|
return clients.teamCentralClient;
|
|
63
70
|
}
|
|
@@ -48,7 +48,7 @@ export var addHeaders = function addHeaders(headers) {
|
|
|
48
48
|
headers.append('X-ExperimentalApi', 'teams-beta');
|
|
49
49
|
headers.append('X-ExperimentalApi', 'team-members-beta');
|
|
50
50
|
headers.append('atl-client-name', "@atlaskit/profilecard");
|
|
51
|
-
headers.append('atl-client-version', "19.
|
|
51
|
+
headers.append('atl-client-version', "19.15.0");
|
|
52
52
|
return headers;
|
|
53
53
|
};
|
|
54
54
|
export function getTeamFromAGG(_x, _x2, _x3) {
|
|
@@ -172,11 +172,10 @@ export var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureCo
|
|
|
172
172
|
isLoading: true,
|
|
173
173
|
data: null
|
|
174
174
|
}, function () {
|
|
175
|
-
var _this$props$displayCo;
|
|
176
175
|
var fireEvent = function fireEvent(event) {
|
|
177
176
|
_this.fireAnalytics(event);
|
|
178
177
|
};
|
|
179
|
-
var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent),
|
|
178
|
+
var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos()]);
|
|
180
179
|
requests.then(function (res) {
|
|
181
180
|
var _this2;
|
|
182
181
|
return (_this2 = _this).handleClientSuccess.apply(_this2, _toConsumableArray(res));
|
|
@@ -379,9 +378,6 @@ _defineProperty(TeamProfileCardTriggerInternal, "defaultProps", {
|
|
|
379
378
|
actions: [],
|
|
380
379
|
trigger: 'hover',
|
|
381
380
|
position: 'bottom-start',
|
|
382
|
-
triggerLinkType: 'link'
|
|
383
|
-
displayConfig: {
|
|
384
|
-
showKudos: true
|
|
385
|
-
}
|
|
381
|
+
triggerLinkType: 'link'
|
|
386
382
|
});
|
|
387
383
|
export default withAnalyticsEvents()(TeamProfileCardTriggerInternal);
|
|
@@ -34,7 +34,7 @@ var disabledAccountDesc = function disabledAccountDesc(statusModifiedDate, disab
|
|
|
34
34
|
var secondSentence = /*#__PURE__*/React.createElement(FormattedMessage, messages[msgKey]);
|
|
35
35
|
return /*#__PURE__*/React.createElement("p", {
|
|
36
36
|
"data-testid": "profilecard-disabled-account"
|
|
37
|
-
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.generalDescMsgForDisabledUser),
|
|
37
|
+
}, /*#__PURE__*/React.createElement(FormattedMessage, messages.generalDescMsgForDisabledUser), " ", secondSentence);
|
|
38
38
|
};
|
|
39
39
|
var CustomLozenges = function CustomLozenges(_ref) {
|
|
40
40
|
var _ref$lozenges = _ref.lozenges,
|
|
@@ -140,8 +140,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
140
140
|
hasError: false,
|
|
141
141
|
data: null
|
|
142
142
|
}, function () {
|
|
143
|
-
var _this
|
|
144
|
-
var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId || '', userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), (_this$props$displayCo = _this.props.displayConfig) !== null && _this$props$displayCo !== void 0 && _this$props$displayCo.showKudos ? _this.props.resourceClient.shouldShowGiveKudos() : Promise.resolve(false)]);
|
|
143
|
+
var requests = Promise.all([_this.props.resourceClient.getProfile(cloudId || '', userId, _this.fireAnalytics), _this.props.resourceClient.getReportingLines(userId), _this.props.resourceClient.shouldShowGiveKudos()]);
|
|
145
144
|
requests.then(function (res) {
|
|
146
145
|
var _this2;
|
|
147
146
|
return (_this2 = _this).handleClientSuccess.apply(_this2, _toConsumableArray(res));
|
|
@@ -316,10 +315,7 @@ var ProfilecardTrigger = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
316
315
|
_defineProperty(ProfilecardTrigger, "defaultProps", {
|
|
317
316
|
actions: [],
|
|
318
317
|
trigger: 'hover',
|
|
319
|
-
position: 'bottom-start'
|
|
320
|
-
displayConfig: {
|
|
321
|
-
showKudos: true
|
|
322
|
-
}
|
|
318
|
+
position: 'bottom-start'
|
|
323
319
|
});
|
|
324
320
|
var ProfilecardTriggerLegacy = withAnalyticsEvents()(ProfilecardTrigger);
|
|
325
321
|
export default function ProfilecardTriggerSwitch(props) {
|
package/dist/esm/styled/Card.js
CHANGED
|
@@ -12,20 +12,20 @@ var getFullNameMargin = function getFullNameMargin(props) {
|
|
|
12
12
|
return props.noMeta ? "var(--ds-space-400, 32px)".concat(" 0 ", "var(--ds-space-150, 12px)", " 0") : "var(--ds-space-150, 12px)".concat(" 0 0 0");
|
|
13
13
|
};
|
|
14
14
|
|
|
15
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
16
|
-
export var CardWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
16
|
+
export var CardWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\twidth: ", "px;\n"])), bgColor, "var(--ds-border-radius, 3px)", gridSize() * 45);
|
|
17
17
|
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
19
|
-
export var ProfileImage = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
|
+
export var ProfileImage = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tposition: absolute;\n\ttop: ", ";\n\tleft: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
|
|
20
20
|
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
22
|
-
export var ActionsFlexSpacer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
22
|
+
export var ActionsFlexSpacer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tflex: 1 0 auto;\n"])));
|
|
23
23
|
|
|
24
24
|
// eslint-disable-next-line @atlaskit/design-system/no-keyframes-tagged-template-expression -- needs manual remediation
|
|
25
25
|
var kudosButtonAnimationTransformation = keyframes(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n 0% { transform: translate(-80px, -50px); }\n 100% { transform: translate(90px, -70px); }\n"])));
|
|
26
26
|
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
28
|
-
export var KudosBlobAnimationStyle = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-keyframes -- Ignored via go/DSP-18766
|
|
28
|
+
export var KudosBlobAnimationStyle = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n\tdisplay: none;\n\theight: 150px;\n\twidth: 150px;\n\tz-index: -1;\n\tposition: absolute;\n\ttop: ", "em;\n\tanimation-name: ", ";\n\tanimation-iteration-count: 1;\n\tanimation-duration: 3s;\n\tbackground-image: radial-gradient(\n\t\tcircle,\n\t\t", " 0%,\n\t\t", " 25%,\n\t\ttransparent 50%\n\t);\n\toverflow: hidden;\n"])), gridSize() * 4 / fontSize(), kudosButtonAnimationTransformation, "var(--ds-background-information-pressed, #85B8FF)", "var(--ds-background-discovery-pressed, #B8ACF6)");
|
|
29
29
|
export var KudosBlobAnimation = function KudosBlobAnimation(props) {
|
|
30
30
|
return (
|
|
31
31
|
/*#__PURE__*/
|
|
@@ -36,29 +36,29 @@ export var KudosBlobAnimation = function KudosBlobAnimation(props) {
|
|
|
36
36
|
);
|
|
37
37
|
};
|
|
38
38
|
|
|
39
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
40
|
-
export var AnimationWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n
|
|
39
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
40
|
+
export var AnimationWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n\tclip-path: inset(0px 0px 0px 0px round ", "px);\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n"])), borderRadius());
|
|
41
41
|
|
|
42
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
43
|
-
export var AnimatedKudosButton = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
43
|
+
export var AnimatedKudosButton = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n\tmargin-left: ", ";\n\n\t/* Need babel-plugin-emotion to use component selector */\n\t/* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n\t&:focus-within .kudos-blob-animation,\n\t&:focus .kudos-blob-animation,\n\t&:hover .kudos-blob-animation {\n\t\tdisplay: block;\n\t}\n"])), "var(--ds-space-100, 8px)");
|
|
44
44
|
|
|
45
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
46
|
-
export var ActionButtonGroup = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
46
|
+
export var ActionButtonGroup = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n\tuser-select: none;\n\tmargin: ", " 0 0 0;\n\ttext-align: right;\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\n\tbutton,\n\ta {\n\t\tposition: relative;\n\t}\n\n\tbutton,\n\ta,\n\tspan {\n\t\tmargin-left: ", ";\n\n\t\t&:first-child {\n\t\t\tmargin-left: ", ";\n\t\t}\n\t}\n\n\ta,\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-0, 0px)", "var(--ds-border-focused, ".concat(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
|
|
47
47
|
|
|
48
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
49
|
-
export var OverflowActionButtonsWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
49
|
+
export var OverflowActionButtonsWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n\tdisplay: inline-block;\n\twidth: ", ";\n\theight: ", ";\n\tmargin-left: ", ";\n\n\tbutton {\n\t\t&:focus {\n\t\t\toutline-color: ", ";\n\t\t\toutline-offset: ", ";\n\t\t\toutline-style: solid;\n\t\t\toutline-width: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-400, 32px)", "var(--ds-space-400, 32px)", "var(--ds-space-100, 8px)", "var(--ds-border-focused, ".concat(B200, ")"), "var(--ds-border-width, 2px)", "var(--ds-border-width, 2px)");
|
|
50
50
|
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
52
|
-
export var CardContent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
52
|
+
export var CardContent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: ", "px;\n"])), gridSize() * 17);
|
|
53
53
|
|
|
54
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
55
|
-
export var DetailsGroup = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n
|
|
54
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
55
|
+
export var DetailsGroup = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-left: ", "px;\n\twidth: ", "px;\n"])), gridSize() * 14.5, gridSize() * 24.5);
|
|
56
56
|
|
|
57
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
58
|
-
export var DisabledInfo = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
58
|
+
export var DisabledInfo = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n\tfont-size: ", "px;\n\tcolor: ", ";\n\tmargin: ", " 0 0 0;\n\tline-height: 16px;\n"])), fontSizeSmall(), labelTextColor, "var(--ds-space-150, 12px)");
|
|
59
59
|
|
|
60
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
61
|
-
export var FullNameLabel = styled.h2(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n
|
|
60
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
61
|
+
export var FullNameLabel = styled.h2(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont-size: 18px;\n\tfont-weight: 400;\n\tletter-spacing: normal;\n\tcolor: ", ";\n\tmargin: ", ";\n\tline-height: ", "em;\n\t:first-child {\n\t\tmargin: ", ";\n\t}\n"])), function (props) {
|
|
62
62
|
return props.isDisabledAccount ? headerTextColorInactive : headerTextColor;
|
|
63
63
|
}, function (props) {
|
|
64
64
|
return getFullNameMargin(props);
|
|
@@ -66,22 +66,22 @@ export var FullNameLabel = styled.h2(_templateObject13 || (_templateObject13 = _
|
|
|
66
66
|
return getFullNameMargin(props);
|
|
67
67
|
});
|
|
68
68
|
|
|
69
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
70
|
-
export var LozengeWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
70
|
+
export var LozengeWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n\tmargin-top: ", ";\n\ttext-transform: uppercase;\n\tdisplay: block;\n"])), "var(--ds-space-200, 16px)");
|
|
71
71
|
|
|
72
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
73
|
-
export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
73
|
+
export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\tmargin-top: ", ";\n\t> * {\n\t\tmargin-top: ", ";\n\t\t&:not(:last-child) {\n\t\t\tmargin-right: ", ";\n\t\t}\n\t}\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
|
|
74
74
|
|
|
75
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
76
|
-
export var JobTitleLabel = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n
|
|
75
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
76
|
+
export var JobTitleLabel = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\n\tfont-size: 14px;\n\tcolor: ", ";\n\tmargin: 0 0 ", " 0;\n\tline-height: ", "em;\n"])), headerTextColor, "var(--ds-space-150, 12px)", 24 / 14);
|
|
77
77
|
|
|
78
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
79
|
-
export var AppTitleLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n
|
|
78
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
79
|
+
export var AppTitleLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: ", ";\n\tpadding: 0 ", ";\n\twidth: fit-content;\n\tfont-weight: bold;\n\ttext-transform: uppercase;\n\n\tfont-size: 12px;\n\tmargin: ", " 0 ", " 0;\n\tline-height: ", "em;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), "var(--ds-space-075, 6px)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", 24 / 14);
|
|
80
80
|
|
|
81
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
82
|
-
export var SpinnerContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n
|
|
83
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
84
|
-
export var CardContainer = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n
|
|
81
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
82
|
+
export var SpinnerContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n\talign-items: center;\n\tdisplay: flex;\n\theight: ", "px;\n\tjustify-content: center;\n\tposition: relative;\n"])), gridSize() * 12);
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
84
|
+
export var CardContainer = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n\tposition: relative;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tbackground-image: linear-gradient(\n\t\tto bottom,\n\t\t", "\n\t\t\t0%,\n\t\t", " 100%\n\t);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 100% ", "px;\n\tbox-sizing: content-box;\n\tpadding: ", ";\n\tbox-shadow: ", ";\n\tborder-radius: ", ";\n\n\toverflow: hidden;\n"])), function (props) {
|
|
85
85
|
return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
|
|
86
86
|
}, function (props) {
|
|
87
87
|
return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
|
|
@@ -91,11 +91,11 @@ export var CardContainer = styled.div(_templateObject19 || (_templateObject19 =
|
|
|
91
91
|
return props.withoutElevation ? '' : "".concat(borderRadius(), "px");
|
|
92
92
|
});
|
|
93
93
|
|
|
94
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
95
|
-
export var DetailsLabel = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n
|
|
94
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
95
|
+
export var DetailsLabel = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\talign-items: center;\n\tline-height: 24px;\n\tfont-size: ", "px;\n\tmargin: ", " 0 0 0;\n\twhite-space: nowrap;\n\n\t& + & {\n\t\tmargin-top: ", ";\n\t}\n"])), gridSize() * 1.5, "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
|
|
96
96
|
|
|
97
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
98
|
-
export var DetailsLabelIcon = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n
|
|
97
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
98
|
+
export var DetailsLabelIcon = styled.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n\tdisplay: flex;\n\tflex-shrink: 0;\n\tcolor: ", ";\n\twidth: ", ";\n\theight: ", ";\n\tpadding: ", ";\n\tvertical-align: top;\n\n\tsvg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n"])), labelIconColor, "var(--ds-space-200, 16px)", "var(--ds-space-200, 16px)", "var(--ds-space-050, 4px)");
|
|
99
99
|
|
|
100
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
101
|
-
export var DetailsLabelText = styled.span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n
|
|
100
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
101
|
+
export var DetailsLabelText = styled.span(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tcolor: ", ";\n\tpadding-left: ", ";\n"])), labelTextColor, "var(--ds-space-050, 4px)");
|
package/dist/esm/styled/Error.js
CHANGED
|
@@ -4,29 +4,33 @@ import { gridSize } from '@atlaskit/theme/constants';
|
|
|
4
4
|
import { h400 } from '@atlaskit/theme/typography';
|
|
5
5
|
import { errorIconColor, errorTextColor, errorTitleColor } from './constants';
|
|
6
6
|
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
8
8
|
export var ErrorWrapper = styled.div({
|
|
9
9
|
textAlign: 'center',
|
|
10
10
|
padding: "var(--ds-space-300, 24px)",
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
11
12
|
color: errorIconColor
|
|
12
13
|
});
|
|
13
14
|
|
|
14
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
15
16
|
export var ErrorTitle = styled.p({
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
16
18
|
color: errorTitleColor,
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
17
20
|
lineHeight: "".concat(gridSize() * 3, "px"),
|
|
18
21
|
margin: "var(--ds-space-100, 8px)".concat(" 0")
|
|
19
22
|
});
|
|
20
23
|
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
22
25
|
export var ErrorText = styled.span({
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
23
27
|
color: errorTextColor
|
|
24
28
|
});
|
|
25
29
|
|
|
26
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
27
31
|
export var TeamErrorTitle = styled.p(h400);
|
|
28
32
|
|
|
29
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
30
34
|
export var TeamErrorText = styled.p({
|
|
31
35
|
color: "var(--ds-text-subtlest, ".concat(N200, ")"),
|
|
32
36
|
marginTop: "var(--ds-space-100, 8px)"
|
|
@@ -2,35 +2,38 @@ import styled from '@emotion/styled';
|
|
|
2
2
|
import { gridSize } from '@atlaskit/theme/constants';
|
|
3
3
|
import { appLabelTextColor } from './constants';
|
|
4
4
|
|
|
5
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
6
6
|
export var ReportingLinesSection = styled.div({
|
|
7
7
|
// Minor left margin to align better with existing icon fields
|
|
8
8
|
marginLeft: "var(--ds-space-050, 4px)",
|
|
9
9
|
marginTop: "var(--ds-space-100, 8px)"
|
|
10
10
|
});
|
|
11
11
|
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
13
|
export var ReportingLinesHeading = styled.h3({
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
14
15
|
color: appLabelTextColor,
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
15
17
|
fontSize: "".concat(gridSize() * 1.5, "px"),
|
|
16
18
|
fontWeight: 600,
|
|
17
19
|
marginBottom: "var(--ds-space-100, 8px)"
|
|
18
20
|
});
|
|
19
21
|
|
|
20
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
21
23
|
export var ManagerSection = styled.div({
|
|
22
24
|
display: 'flex',
|
|
23
25
|
alignItems: 'center',
|
|
24
26
|
margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)")
|
|
25
27
|
});
|
|
26
28
|
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
28
30
|
export var ManagerName = styled.span({
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
29
32
|
fontSize: "".concat(gridSize() * 1.5, "px"),
|
|
30
33
|
marginLeft: "var(--ds-space-100, 8px)"
|
|
31
34
|
});
|
|
32
35
|
|
|
33
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
36
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
34
37
|
export var OffsetWrapper = styled.div({
|
|
35
38
|
marginTop: "var(--ds-space-050, 4px)",
|
|
36
39
|
// Offset left margin so the avatar aligns with the heading
|