@atlaskit/profilecard 19.4.0 → 19.4.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.
Files changed (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/styled/Card.js +6 -4
  3. package/dist/cjs/styled/TeamCard.js +3 -3
  4. package/dist/cjs/util/analytics.js +1 -1
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/styled/Card.js +7 -5
  7. package/dist/es2019/styled/TeamCard.js +3 -3
  8. package/dist/es2019/util/analytics.js +1 -1
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/styled/Card.js +6 -4
  11. package/dist/esm/styled/TeamCard.js +3 -3
  12. package/dist/esm/util/analytics.js +1 -1
  13. package/dist/esm/version.json +1 -1
  14. package/package.json +4 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/profilecard
2
2
 
3
+ ## 19.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`2eb438477ab`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2eb438477ab) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
8
+
3
9
  ## 19.4.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/styled/Card.js CHANGED
@@ -34,13 +34,15 @@ var KudosBlobAnimation = function KudosBlobAnimation(props) {
34
34
  }, props));
35
35
  };
36
36
  exports.KudosBlobAnimation = KudosBlobAnimation;
37
- var AnimatedKudosButton = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", "px;\n\n /* Need babel-plugin-emotion to use component selector */\n /* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n &:hover .kudos-blob-animation {\n display: block;\n }\n\n button,\n a {\n clip-path: inset(0px 0px 0px 0px round ", "px);\n }\n overflow: hidden;\n"])), _constants.gridSize, _constants.borderRadius);
37
+ var AnimatedKudosButton = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", ";\n\n /* Need babel-plugin-emotion to use component selector */\n /* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n &:hover .kudos-blob-animation {\n display: block;\n }\n\n button,\n a {\n clip-path: inset(0px 0px 0px 0px round ", "px);\n }\n overflow: hidden;\n"])), "var(--ds-space-100, 8px)", _constants.borderRadius);
38
38
  exports.AnimatedKudosButton = AnimatedKudosButton;
39
- var ActionButtonGroup = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n user-select: none;\n margin: ", " 0 0 0;\n text-align: right;\n display: flex;\n justify-content: flex-end;\n\n button,\n a,\n span {\n margin-left: ", "px;\n\n &:first-child {\n margin-left: 0;\n }\n }\n"])), "var(--ds-space-200, 16px)", _constants.gridSize);
39
+ var ActionButtonGroup = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n user-select: none;\n margin: ", " 0 0 0;\n text-align: right;\n display: flex;\n justify-content: flex-end;\n\n button,\n a,\n span {\n margin-left: ", ";\n\n &:first-child {\n margin-left: 0;\n }\n }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)");
40
40
  exports.ActionButtonGroup = ActionButtonGroup;
41
- var OverflowActionButtonsWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-block;\n width: 32px;\n height: 32px;\n margin-left: ", "px;\n"])), _constants.gridSize);
41
+ var OverflowActionButtonsWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n display: inline-block;\n width: 32px;\n height: 32px;\n margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
42
42
  exports.OverflowActionButtonsWrapper = OverflowActionButtonsWrapper;
43
43
  var CardContent = _styled.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n min-height: ", "px;\n"])), (0, _constants.gridSize)() * 17);
44
+
45
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
44
46
  exports.CardContent = CardContent;
45
47
  var DetailsGroup = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n width: ", "px;\n"])), (0, _constants.gridSize)() * 14.5, (0, _constants.gridSize)() * 24.5);
46
48
  exports.DetailsGroup = DetailsGroup;
@@ -58,7 +60,7 @@ var CustomLozengeContainer = (0, _styled.default)(LozengeWrapper)(_templateObjec
58
60
  exports.CustomLozengeContainer = CustomLozengeContainer;
59
61
  var JobTitleLabel = _styled.default.span(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2.default)(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n font-size: 14px;\n color: ", ";\n margin: 0 0 ", " 0;\n line-height: ", "em;\n"])), _constants2.headerTextColor, "var(--ds-space-150, 12px)", 24 / 14);
60
62
  exports.JobTitleLabel = JobTitleLabel;
61
- var AppTitleLabel = _styled.default.span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n color: ", ";\n border-radius: ", ";\n padding: 0 6px;\n width: fit-content;\n font-weight: bold;\n text-transform: uppercase;\n\n font-size: 12px;\n margin: 4px 0 ", " 0;\n line-height: ", "em;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-150, 12px)", 24 / 14);
63
+ var AppTitleLabel = _styled.default.span(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2.default)(["\n background: ", ";\n color: ", ";\n border-radius: ", ";\n padding: 0 ", ";\n width: fit-content;\n font-weight: bold;\n text-transform: uppercase;\n\n font-size: 12px;\n margin: ", " 0 ", " 0;\n line-height: ", "em;\n"])), _constants2.appLabelBgColor, _constants2.appLabelTextColor, (0, _constants.borderRadius)(), "var(--ds-space-075, 6px)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", 24 / 14);
62
64
  exports.AppTitleLabel = AppTitleLabel;
63
65
  var SpinnerContainer = _styled.default.div(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2.default)(["\n align-items: center;\n display: flex;\n height: ", "px;\n justify-content: center;\n position: relative;\n"])), (0, _constants.gridSize)() * 12);
64
66
  exports.SpinnerContainer = SpinnerContainer;
package/dist/cjs/styled/TeamCard.js CHANGED
@@ -30,7 +30,7 @@ var TeamName = _styled.default.h6(_templateObject6 || (_templateObject6 = (0, _t
30
30
  exports.TeamName = TeamName;
31
31
  var MemberCount = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n margin-top: ", ";\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-050, 4px)");
32
32
  exports.MemberCount = MemberCount;
33
- var AvatarSection = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: ", ";\n margin-left: -2px;\n"])), "var(--ds-space-200, 16px)");
33
+ var AvatarSection = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: ", ";\n margin-left: calc(-1 * ", ");\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
34
34
  exports.AvatarSection = AvatarSection;
35
35
  var DescriptionWrapper = _styled.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: ", ";\n align-items: center;\n display: flex;\n"])), "var(--ds-space-200, 16px)");
36
36
  exports.DescriptionWrapper = DescriptionWrapper;
@@ -38,9 +38,9 @@ var Description = _styled.default.span(_templateObject10 || (_templateObject10 =
38
38
  exports.Description = Description;
39
39
  var ActionButtons = _styled.default.div(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n width: calc(100% + 8px);\n display: flex;\n justify-content: space-between;\n margin: ", " calc(-1 * ", ")\n 0 calc(-1 * ", ");\n background-color: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))");
40
40
  exports.ActionButtons = ActionButtons;
41
- var WrappedButton = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n flex-basis: 0;\n flex-grow: 1;\n margin-left: 8px;\n"])));
41
+ var WrappedButton = _styled.default.div(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n flex-basis: 0;\n flex-grow: 1;\n margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
42
42
  exports.WrappedButton = WrappedButton;
43
- var MoreButton = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: 8px;\n"])));
43
+ var MoreButton = _styled.default.div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["\n margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
44
44
  exports.MoreButton = MoreButton;
45
45
  var LoadingWrapper = _styled.default.div(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["\n text-align: center;\n margin-top: ", ";\n"])), "var(--ds-space-500, 40px)");
46
46
  exports.LoadingWrapper = LoadingWrapper;
package/dist/cjs/util/analytics.js CHANGED
@@ -44,7 +44,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
44
44
  actionSubjectId: actionSubjectId,
45
45
  attributes: _objectSpread(_objectSpread({
46
46
  packageName: "@atlaskit/profilecard",
47
- packageVersion: "19.4.0"
47
+ packageVersion: "19.4.1"
48
48
  }, attributes), {}, {
49
49
  firedAt: Math.round((0, _performance.getPageTime)())
50
50
  })
package/dist/cjs/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "19.4.0"
3
+ "version": "19.4.1"
4
4
  }
package/dist/es2019/styled/Card.js CHANGED
@@ -45,7 +45,7 @@ export const KudosBlobAnimation = props => /*#__PURE__*/React.createElement(Kudo
45
45
  className: "kudos-blob-animation"
46
46
  }, props));
47
47
  export const AnimatedKudosButton = styled.div`
48
- margin-left: ${gridSize}px;
48
+ margin-left: ${"var(--ds-space-100, 8px)"};
49
49
 
50
50
  /* Need babel-plugin-emotion to use component selector */
51
51
  /* Previously with styled-components: &:hover {KudosBlobAnimation} { */
@@ -69,7 +69,7 @@ export const ActionButtonGroup = styled.div`
69
69
  button,
70
70
  a,
71
71
  span {
72
- margin-left: ${gridSize}px;
72
+ margin-left: ${"var(--ds-space-100, 8px)"};
73
73
 
74
74
  &:first-child {
75
75
  margin-left: 0;
@@ -80,13 +80,15 @@ export const OverflowActionButtonsWrapper = styled.div`
80
80
  display: inline-block;
81
81
  width: 32px;
82
82
  height: 32px;
83
- margin-left: ${gridSize}px;
83
+ margin-left: ${"var(--ds-space-100, 8px)"};
84
84
  `;
85
85
  export const CardContent = styled.div`
86
86
  display: flex;
87
87
  flex-direction: column;
88
88
  min-height: ${gridSize() * 17}px;
89
89
  `;
90
+
91
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
90
92
  export const DetailsGroup = styled.div`
91
93
  display: flex;
92
94
  flex-direction: column;
@@ -141,13 +143,13 @@ export const AppTitleLabel = styled.span`
141
143
  background: ${appLabelBgColor};
142
144
  color: ${appLabelTextColor};
143
145
  border-radius: ${borderRadius()};
144
- padding: 0 6px;
146
+ padding: 0 ${"var(--ds-space-075, 6px)"};
145
147
  width: fit-content;
146
148
  font-weight: bold;
147
149
  text-transform: uppercase;
148
150
 
149
151
  font-size: 12px;
150
- margin: 4px 0 ${"var(--ds-space-150, 12px)"} 0;
152
+ margin: ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} 0;
151
153
  line-height: ${24 / 14}em;
152
154
  `;
153
155
  export const SpinnerContainer = styled.div`
package/dist/es2019/styled/TeamCard.js CHANGED
@@ -48,7 +48,7 @@ export const MemberCount = styled.div`
48
48
  `;
49
49
  export const AvatarSection = styled.div`
50
50
  margin-top: ${"var(--ds-space-200, 16px)"};
51
- margin-left: -2px;
51
+ margin-left: calc(-1 * ${"var(--ds-space-025, 2px)"});
52
52
  `;
53
53
  export const DescriptionWrapper = styled.div`
54
54
  margin-top: ${"var(--ds-space-200, 16px)"};
@@ -73,10 +73,10 @@ export const ActionButtons = styled.div`
73
73
  export const WrappedButton = styled.div`
74
74
  flex-basis: 0;
75
75
  flex-grow: 1;
76
- margin-left: 8px;
76
+ margin-left: ${"var(--ds-space-100, 8px)"};
77
77
  `;
78
78
  export const MoreButton = styled.div`
79
- margin-left: 8px;
79
+ margin-left: ${"var(--ds-space-100, 8px)"};
80
80
  `;
81
81
  export const LoadingWrapper = styled.div`
82
82
  text-align: center;
package/dist/es2019/util/analytics.js CHANGED
@@ -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.4.0",
34
+ packageVersion: "19.4.1",
35
35
  ...attributes,
36
36
  firedAt: Math.round(getPageTime())
37
37
  }
package/dist/es2019/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "19.4.0"
3
+ "version": "19.4.1"
4
4
  }
package/dist/esm/styled/Card.js CHANGED
@@ -21,10 +21,12 @@ export var KudosBlobAnimation = function KudosBlobAnimation(props) {
21
21
  className: "kudos-blob-animation"
22
22
  }, props));
23
23
  };
24
- export var AnimatedKudosButton = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-left: ", "px;\n\n /* Need babel-plugin-emotion to use component selector */\n /* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n &:hover .kudos-blob-animation {\n display: block;\n }\n\n button,\n a {\n clip-path: inset(0px 0px 0px 0px round ", "px);\n }\n overflow: hidden;\n"])), gridSize, borderRadius);
25
- export var ActionButtonGroup = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n user-select: none;\n margin: ", " 0 0 0;\n text-align: right;\n display: flex;\n justify-content: flex-end;\n\n button,\n a,\n span {\n margin-left: ", "px;\n\n &:first-child {\n margin-left: 0;\n }\n }\n"])), "var(--ds-space-200, 16px)", gridSize);
26
- export var OverflowActionButtonsWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: inline-block;\n width: 32px;\n height: 32px;\n margin-left: ", "px;\n"])), gridSize);
24
+ export var AnimatedKudosButton = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-left: ", ";\n\n /* Need babel-plugin-emotion to use component selector */\n /* Previously with styled-components: &:hover {KudosBlobAnimation} { */\n &:hover .kudos-blob-animation {\n display: block;\n }\n\n button,\n a {\n clip-path: inset(0px 0px 0px 0px round ", "px);\n }\n overflow: hidden;\n"])), "var(--ds-space-100, 8px)", borderRadius);
25
+ export var ActionButtonGroup = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n user-select: none;\n margin: ", " 0 0 0;\n text-align: right;\n display: flex;\n justify-content: flex-end;\n\n button,\n a,\n span {\n margin-left: ", ";\n\n &:first-child {\n margin-left: 0;\n }\n }\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)");
26
+ export var OverflowActionButtonsWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: inline-block;\n width: 32px;\n height: 32px;\n margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
27
27
  export var CardContent = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n min-height: ", "px;\n"])), gridSize() * 17);
28
+
29
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
28
30
  export var DetailsGroup = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n width: ", "px;\n"])), gridSize() * 14.5, gridSize() * 24.5);
29
31
  export var DisabledInfo = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n font-size: ", "px;\n color: ", ";\n margin: ", " 0 0 0;\n line-height: ", ";\n"])), fontSizeSmall, labelTextColor, "var(--ds-space-150, 12px)", "var(--ds-font-lineHeight-100, 16px)");
30
32
  export var FullNameLabel = styled.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n font-size: 18px;\n color: ", ";\n margin: ", ";\n line-height: ", "em;\n"])), function (props) {
@@ -35,7 +37,7 @@ export var FullNameLabel = styled.span(_templateObject13 || (_templateObject13 =
35
37
  export var LozengeWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n margin-top: ", ";\n text-transform: uppercase;\n display: block;\n"])), "var(--ds-space-200, 16px)");
36
38
  export var CustomLozengeContainer = styled(LozengeWrapper)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n margin-top: ", ";\n > * {\n margin-top: ", ";\n &:not(:last-child) {\n margin-right: ", ";\n }\n }\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)");
37
39
  export var JobTitleLabel = styled.span(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n font-size: 14px;\n color: ", ";\n margin: 0 0 ", " 0;\n line-height: ", "em;\n"])), headerTextColor, "var(--ds-space-150, 12px)", 24 / 14);
38
- export var AppTitleLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-radius: ", ";\n padding: 0 6px;\n width: fit-content;\n font-weight: bold;\n text-transform: uppercase;\n\n font-size: 12px;\n margin: 4px 0 ", " 0;\n line-height: ", "em;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), "var(--ds-space-150, 12px)", 24 / 14);
40
+ export var AppTitleLabel = styled.span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n border-radius: ", ";\n padding: 0 ", ";\n width: fit-content;\n font-weight: bold;\n text-transform: uppercase;\n\n font-size: 12px;\n margin: ", " 0 ", " 0;\n line-height: ", "em;\n"])), appLabelBgColor, appLabelTextColor, borderRadius(), "var(--ds-space-075, 6px)", "var(--ds-space-050, 4px)", "var(--ds-space-150, 12px)", 24 / 14);
39
41
  export var SpinnerContainer = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n align-items: center;\n display: flex;\n height: ", "px;\n justify-content: center;\n position: relative;\n"])), gridSize() * 12);
40
42
  export var CardContainer = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n position: relative;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-image: linear-gradient(\n to bottom,\n ", "\n 0%,\n ", "\n 100%\n );\n background-repeat: no-repeat;\n background-size: 100% ", "px;\n box-sizing: content-box;\n padding: ", ";\n box-shadow: ", ";\n border-radius: ", ";\n\n overflow: hidden;\n"])), function (props) {
41
43
  return props.isDisabledUser ? headerBgColorDisabledUser : headerBgColor;
package/dist/esm/styled/TeamCard.js CHANGED
@@ -16,12 +16,12 @@ export var CardHeader = styled.div(_templateObject4 || (_templateObject4 = _tagg
16
16
  export var CardContent = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n padding: ", ";\n min-height: ", "px;\n"])), "var(--ds-space-300, 24px)", gridSize() * 13);
17
17
  export var TeamName = styled.h6(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", ";\n text-transform: none;\n overflow: hidden;\n max-height: 48px;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n"])), h600);
18
18
  export var MemberCount = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n color: ", ";\n margin-top: ", ";\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-050, 4px)");
19
- export var AvatarSection = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin-top: ", ";\n margin-left: -2px;\n"])), "var(--ds-space-200, 16px)");
19
+ export var AvatarSection = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin-top: ", ";\n margin-left: calc(-1 * ", ");\n"])), "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)");
20
20
  export var DescriptionWrapper = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n margin-top: ", ";\n align-items: center;\n display: flex;\n"])), "var(--ds-space-200, 16px)");
21
21
  export var Description = styled.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n overflow: hidden;\n max-height: 60px;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n"])));
22
22
  export var ActionButtons = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n width: calc(100% + 8px);\n display: flex;\n justify-content: space-between;\n margin: ", " calc(-1 * ", ")\n 0 calc(-1 * ", ");\n background-color: ", ";\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-surface-overlay, hsla(0, 100%, 100%, 0.2))");
23
- export var WrappedButton = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n flex-basis: 0;\n flex-grow: 1;\n margin-left: 8px;\n"])));
24
- export var MoreButton = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-left: 8px;\n"])));
23
+ export var WrappedButton = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n flex-basis: 0;\n flex-grow: 1;\n margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
24
+ export var MoreButton = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-left: ", ";\n"])), "var(--ds-space-100, 8px)");
25
25
  export var LoadingWrapper = styled.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n text-align: center;\n margin-top: ", ";\n"])), "var(--ds-space-500, 40px)");
26
26
  export var AccessLockSVGWrapper = styled.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), "var(--ds-space-300, 24px)");
27
27
 
package/dist/esm/util/analytics.js CHANGED
@@ -38,7 +38,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
38
38
  actionSubjectId: actionSubjectId,
39
39
  attributes: _objectSpread(_objectSpread({
40
40
  packageName: "@atlaskit/profilecard",
41
- packageVersion: "19.4.0"
41
+ packageVersion: "19.4.1"
42
42
  }, attributes), {}, {
43
43
  firedAt: Math.round(getPageTime())
44
44
  })
package/dist/esm/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "19.4.0"
3
+ "version": "19.4.1"
4
4
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/profilecard",
3
- "version": "19.4.0",
3
+ "version": "19.4.1",
4
4
  "description": "A React component to display a card with user information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -80,7 +80,7 @@
80
80
  "@atlaskit/dynamic-table": "^14.9.0",
81
81
  "@atlaskit/flag": "^15.2.0",
82
82
  "@atlaskit/inline-edit": "^12.3.0",
83
- "@atlaskit/select": "^16.3.0",
83
+ "@atlaskit/select": "^16.4.0",
84
84
  "@atlaskit/util-data-test": "^17.8.0",
85
85
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
86
86
  "@testing-library/react": "^12.1.5",
@@ -103,7 +103,8 @@
103
103
  },
104
104
  "@repo/internal": {
105
105
  "design-tokens": [
106
- "color"
106
+ "color",
107
+ "spacing"
107
108
  ]
108
109
  }
109
110
  },